欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js字符串操作方法

程序员文章站 2024-01-05 19:38:28
1. length获取字符串的长度var browserType = 'mozilla';browserType.length;//72. str[idx]、charAt()、charCodeAt()str[idx] 属性访问charAt()方法返回字符串中指定下标(位置)的字符串charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码browserType[0]; //mbrowserType.charAt(0); //mbrowserType[-2]; /...

1. length获取字符串的长度

var browserType = 'mozilla';
browserType.length;//7

2. str[idx]、charAt()、charCodeAt()
str[idx] 属性访问
charAt()方法返回字符串中指定下标(位置)的字符串
charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码

browserType[0];  //m
browserType.charAt(0);  //m
browserType[-2];  //undefined
browserType.charAt(-2);  //""
注意:小标是从0开始,不是1!

3. indexOf() 、 lastIndexOf()
indexOf()返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。

'mozilla'.indexOf('zill');  //2
lastIndexOf()返回指定文本在字符串中最后一次出现的索引,如果没有匹配项,返回 -1


var str = "abcdarf";
var pos = str.lastIndexOf("a");  //4

两种方法都接受作为检索起始位置的第二个参数。

var str = "abcdarf";
var pos = str.indexOf("a");  //0
var pos = str.indexOf("a",1);  //4

lastIndexOf()方法向后进行检索(从尾到头),这意味着:假如第二个参数是4,则从位置4开始往左检索,直到字符串的起点。(个人的理解:lastIndexOf() 检索的本质是从右往左检索,返回该字符串第一次出现的位置,这里提到的下标位置均为从左往右的下标位置)

var str = "bcda23a";
str.lastIndexOf("a");  //6
str.lastIndexOf("a",1);  //-1
str.lastIndexOf("a",4);  //3

4. search()
search()方法搜索特定值的字符串,并返回匹配的位置:

var str = "bcda23daef";
str.search('a');  //3
str.earch(/da/ig);  //2

与indexOf的区别:
search()方法无法设置第二个开始位置参数。
indexOf()方法无法设置更强大的搜索值(正则表达式)。

5. slice()
提取字符串的某个部分,并在新字符串中返回被提取的部分。
slice(a,b) //获取范围[a,b)
该方法设置两个参数:起始索引(开始位置 ),终止索引(结束位置)。可接受负的索引

var str = "Apple, Banana, Mango";
var res = str.slice(7,13);  //res "Banana"

如果某个参数为负,则从字符串的结尾开始计数。

var str = "Apple, Banana, Mango";
str.slice(-14,-7);  //打印结果: " Banana"
str.slice(5,-7);  // 打印结果:", Banana"
//str不会改变
如果省略第二个参数,则该方法将裁剪字符串的剩余部分:

var str = "Apple, Banana, Mango";
str.slice(-5);  //"Mango"
str.slice(7);  //"Banana, Mango"

6. substring()
substring(start,end); //截取字符串 范围是[start, end)
该方法设置两个参数:起始索引(开始位置),终止索引(结束位置)。无法接受负的索引。

var str = "Apple, Banana, Mango";
str.substring(7,13);  //"Banana"
如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分。

var  str =  'Hello world!';
str.substring(3);   //"lo world!"

7. substr()
substr(a,b) //截取字符串,范围是从下标为a的字符开始,截取长度为b
该方法设置两个参数:起始索引(开始位置 可为负数),截取的长度。

var str = "Hello world!";
str.subst(3,4);  //"lo w"

如果省略第二个参数,则该 substr() 将裁剪字符串的剩余部分。

var str = "Hello world!";
str.subst(3);  //"lo world!"

当有两个参数时,slice()和substring()的用法一样,顾头不顾尾。
substring()方法不接受负数。
substr()的第二个参数表示操作的字符个数。

8. replace()
用另一个值替换在字符串中指定的值,不会改变调用它的字符串。它返回的是新字符串。默认地,replace()只替换首个匹配,并对大小写敏感:

var str = "Hello world! hello";
var res = str.replace('llo','*');  // "He* world! hello"
var str = "HeLlo world! hello";
var res = str.replace('llo','*');  // "HeLlo world! he*"

如需执行大小写不敏感的替换,请使用正则表达式 /i(大小写不敏感),如需替换所有匹配,请使用正则表达式的 g 标志(用于全局搜索):

var str = "HeLlo world! hello";
str.replace(/llo/ig,'*');  //"He* world! he*"

9. toUpperCase()、toLowerCase()

toUpperCase() 把字符串转换为大写;toLowerCase() 把字符串转换为小写。

var str= "Hello World!"; 
str.toUpperCase();   //"HELLO WORLD!"
str.toLowerCase();  //"hello world!"

10. concat()拼接字符串
拼接一个或多个字符串,返回新字符串。(隐式类型转换)
也可以用加号轻松实现字符串的拼接。

concat()连接两个或多个字符串。

var str1 = "Hello";
var str2= "World";
var str3= str1.concat(str2);  //  "HelloWorld"
var str4 = str1.concat(" ",str2,"!");  //"Hello World!"

11. trim()
trim() 方法删除字符串两端的空白符。

var str = "       Hello World!        ";
str.trim();  //  "Hello World!"

12. split()
可以通过 split() 将字符串转换为数组。可接受正则匹配。

本文地址:https://blog.csdn.net/hanbic/article/details/107316396

上一篇:

下一篇: