JS操作字符串的常用API

深碍√TFBOYSˉ_ 2023-01-11 15:28 118阅读 0赞

**+**

JavaScript中通过“+”来连接两个字符串，如果两个变量为数字，则是进行相加运算，如果是字符串，则是将两个变量连接起来。

var a = 'My name is ';
    var b = 'Jack';
    console.log(a + b);	//My name is Jack
    var c = 12;
    var d = 13;
    console.log(c + d);	//25

**concat()**

JavaScript中通过concat()方法实现两个字符串的连接，此方法与使用“+”方法实现的效果相同。

var i = 'My name is ';
    var j = 'Jack';
    document.write(i.concat(j));	//My name is Jack

**.length**

JavaScript中通过"变量.length"的方法来获得字符串的长度。需要注意的是，空格也算是一个字符。

var e = 'My name is Jack';
    document.write(e.length);	//15

**\[\]**

JavaScript中通过“\[\]”可以获得字符串中的某个字符，例如获得第一个字符，可以使用“变量名\[0\]”的方法获得，**空格也算是一个字符**。需要注意的是JS是基于零的索引，从零开始计算。

var f = 'My name is Jack';
    document.write(f[2]);	//空格

**indexOf()**

JavaScript中通过indexOf()方法来查找字符串的位置。indexOf()方法从字符串的开头开始查找，返回查找到的位置，找不到指定字符时，返回-1。

var g = 'My name is Jack name';
    document.write(g.indexOf('name'));	//3

**search()**

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。  
**参数**：可以是一个字符串或者一个正则表达式。  
**返回值**：stringObject 中第一个与 regexp 相匹配的子串的起始位置。没找到返回-1.

var m = 'My name is Jack';
    console.log(m.search('name'));	//3

**如果需要正则表达式，请使用 search（）。否则，indexOf（）会更快。**

**toLowerCase()、toUpperCase()**

JavaScript中通过toLowerCase()、toUpperCase()方法来实现字符串大小写的转换。toLowerCase()是将字符串转换为小写，toUpperCase()是将字符串转换为大写。

var k = 'My name is Jack';
    console.log(k.toUpperCase());	//MY NAME IS JACK
    console.log(k.toLowerCase());	//my name is jack

**replace()**

JavaScript中通过replace()方法来**替换**指定的字符串。replace()方法第一个参数为查找的字符串，第二个参数为替换成的字符串。

var h = 'My name is Jack';
    console.log(h.replace('Jack','Losi'));	//My name is Losi

**substring()**

substring() 方法用于提取字符串中介于两个指定下标之间的字符。  
参数：要**截取**的字符串位置  
返回值：一个新的字符串

var n = 'My name is Jack';
    console.log(n.substring(3,9));	//name i，substring(3,9)并不包括第9位

**split()**

split() 方法用于把一个字符串**分割**成字符串数组。  
参数：可以是一个字符串或者一个正则表达式。  
返回值：

*  一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身
 *  如果什么参数都没有直接使用split()，那么把整个字符串作为数组的唯一一项
 *  如果把空字符串 (“”) 用作 separator，那么 stringObject 中的每个字符之间都会被分割
 *  如果字符串中根本没有可以匹配到参数的内容，也就是字符串中没有这个分隔符，那么把整个字符串作为数组的唯一一项。比如我字符串一个空格都没有，你非要用空格作为分隔符分割我，那我没办法了，我整个字符串送给你吧，不用割来割去了

var l = 'abc:def:ghi';
    console.log(l.split(':'));	//一个数组["abc", "def", "ghi"]
    
    var str = "abcdefg";
    console.log(str.split());	//["abcdefg"]
    console.log(str.split(''));	//["a", "b", "c", "d", "e", "f", "g"]，表示用空气作为分隔符的意思
    console.log(str.split(' '));//["abcdefg"]，表示用空格作为分隔符的意思
    console.log(str.split('H'));//["abcdefg"]

**lastIndexOf()**

lastIndexOf()方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

stringObject.lastIndexOf(searchvalue,fromindex)

*searchvalue*必需。规定需检索的字符串值。*fromindex*可选的整数参数。规定在字符串中开始检索的位置（即字符串的下标）。它的合法取值是 0 到 *stringObject*.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。

如果在 *stringObject* 中的 *fromindex* 位置之前存在 *searchvalue*，则返回的是出现的最后一个 *searchvalue* 的位置（从左到右）。

该方法将从尾到头地检索字符串 *stringObject*，看它是否含有子串 *searchvalue*。开始检索的位置在字符串的 *fromindex* 处或字符串的结尾（没有指定 *fromindex* 时）。如果找到一个 *searchvalue*，则返回 *searchvalue* 的**第一个字符**在 *stringObject* 中的位置。***stringObject* 中的字符位置是从 0 开始的**。

注释：lastIndexOf() 方法对大小写敏感！

注释：如果要检索的字符串值没有出现，则该方法返回 -1。

var mystr="Hello world!";
    var index=mystr.lastIndexOf("llo");   //2
    var index1=mystr.lastIndexOf("l");    //9
    var index2=mystr.lastIndexOf("l",4);  //3，表示从Hello的o开始从右向左检索
    var index3=mystr.lastIndexOf("l",3);  //3，表示从Hell第二个l开始从右向左检索（包括第二个l）

深入学习看文章：[https://www.cnblogs.com/guoyeqiang/p/8178336.html][https_www.cnblogs.com_guoyeqiang_p_8178336.html]

[https_www.cnblogs.com_guoyeqiang_p_8178336.html]: https://www.cnblogs.com/guoyeqiang/p/8178336.html