JavaScript String 字符串对象

快来打我* 2022-08-07 04:58 229阅读 0赞

1. 介绍

String 对象，对字符串进行操作，如：截取一段子串、查找字符串/字符、转换大小写等等。

2. 定义方式  
2.1 new String(Value) 构造函数：返回一个内容为Value的String对象  
参数：  
①value \{String\} ：字符串  
返回值：  
\{String对象\} 返回一个内容为Value的String对象  
  
示例：

1.  var demoStr = new String('abc');  
    
2.    
    
3.  console.log(typeof demoStr); // => object  
    
4.    
    
5.  console.log(demoStr); // => abc

复制代码

2.2 直接赋值(推荐)

示例：

1.  var demoStr = 'abc';  
    
2.    
    
3.  console.log(typeof demoStr); // string  
    
4.    
    
5.  console.log(demoStr); // => abc

复制代码

3. [实例][Link 1]属性  
3.1 length ：返回字符串中的字符数

1.  var s = 'abc';  
    
2.    
    
3.  console.log(s.length); // => 3  
    
4.    
    
5.  console.log('新年快乐'.length); // => 4 ：一个中文字符也计算为1个数量  
    
6.    
    
7.  console.log(''.length); // => 0 ：空字符串返回0

复制代码

4. 实例方法  
注意：字符串的实例方法不会改变字符串的本身，只返回操作后的结果。  
4.1 charAt(index) ：返回一个字符串中指定位置的字符，编号从0开始，若传入个不存在的数值，就返回空字符串  
参数：  
①index \{int\} ：位置索引，从0开始计算  
返回值：  
\{string\} 返回一个字符串中指定位置的字符；若传入个不存在的位置数值，返回一个空字符串  
  
  
示例：

1.  var s = 'abc';  
    
2.    
    
3.  console.log(s.charAt(1)); // => b ：返回位置为1的字符  
    
4.    
    
5.  console.log(s); // => 不影响原来的数组  
    
6.    
    
7.  console.log(s.charAt(5)); // => '' ：获取一个不存在位置的字符，返回一个长度为0的空字符串

复制代码

4.2 charCodeAt(index) ：返回一个字符串中指定位置字符的Unicode编码  
参数：  
①index \{int\} ：位置索引，从0开始计算  
返回值：  
\{number\}  返回一个字符串中指定位置字符的Unicode编码；若传入个不存在的位置数值，返回NaN  
示例：

1.  var s = 'abc';  
    
2.    
    
3.  console.log(s.charCodeAt(0)); // => 98 ：字符b的Unicode编码  
    
4.    
    
5.  console.log(s.charCodeAt(5)); // => NaN ：获取一个不存在位置的字符，返回NaN

复制代码

4.3 concat(value1,value2 ... valueN) ：连接一个或多个字符串,并返回连接后的字符串  
参数：  
  
①value1,value2 ... valueN \{string\} ：一个或多个字符串  
返回值：  
\{string\}  返回连接后的字符串  
  
示例：

1.  var s = 'abc';  
    
2.    
    
3.  console.log(s.concat('d')); // => abcd  
    
4.    
    
5.  console.log(s); // => abc ：不影响原先的字符串  
    
6.    
    
7.  console.log(s.concat('d', 'e')); // => abcde

复制代码

4.4 indexOf(value , |startPosition ) ：在实例中从前往后查找一个字符串或字符，并返回找到的位置(从0开始计数)。若未找到，返回-1  
  
参数：  
①value  \{string\} ：查找的字符串  
②startPosition \{int\} 可选 ：开始查找的起始位置，默认从位置0开始查找  
  
  
返回值：  
\{int\}  返回找到的位置(从0开始计数)。若未找到，返回-1  
  
  
示例：

1.  var s = 'abc';  
    
2.    
    
3.  console.log(s.indexOf('b')); // => 1  
    
4.    
    
5.  console.log(s.indexOf('d')); // => -1 ：未找到  
    
6.    
    
7.  console.log(s.indexOf('b', 2)); // => -1 ：从位置2(第3个字符处)开始查找

复制代码

4.5 lastIndexOf(value , |startPosition ) ：在实例中从后往前开始查找一个字符串或字符，并返回找到的位置(从0开始计数)。若未找到，返回-1  
参数：  
  
①value  \{string\} ：查找的字符串  
②startPosition \{int\} 可选 ：开始查找的起始位置，默认从最后开始查找  
  
返回值：  
\{int\}  返回找到的位置(从0开始计数)。若未找到，返回-1  
  
示例：

1.  var s = 'abcabc';  
    
2.    
    
3.  console.log(s.lastIndexOf('a')); // => 3 ：从后往前查找  
    
4.    
    
5.  console.log(s.lastIndexOf('d')); // => -1 ：未找到返回-1  
    
6.    
    
7.  console.log(s.lastIndexOf('a', 2)); // => 0 ：从位置2(第3个字符处)开始往前查找

复制代码

4.6 localeCompare(value) ：实例与参数进行比较，返回比较结果  
参数：  
①value  \{string\} ：需比较的字符串  
返回值：  
　　0 ：实例比参数大  
　　1 ：实例与参数相等  
　 -1 ：实例比参数小  
示例：

1.  var s='abc';  
    
2.    
    
3.  console.log(s.localeCompare('ab')); // => 1 ：实例比参数大  
    
4.    
    
5.  console.log(s.localeCompare('abc')); // => 0 ：实例与参数相等  
    
6.    
    
7.  console.log(s.localeCompare('abd')); // => -1 ：实例比参数小

复制代码

4.7 match(regexp) ：使用正则表达式进行匹配查找  
参数：  
①regexp \{regexp\} ：正则表达式，eg：/\\d+/  
  
返回值：  
根据正则表达式是否带属性'g'，返回不同的结果；若没匹配，就返回 \{null\}：  
①正则表达式不带属性'g'，执行一次匹配，返回\{单个匹配\}结果对象，对象包含以下属性：  
　　数组序号：表示匹配结果，0为匹配文本，1为从做到右第1个圆括号匹配结果，2为第二个圆括号，依此类推

index属性：表示匹配文本在匹配源的开始位置

input属性：表示匹配源

②正则表达式带属性'g'，执行全局匹配，找到字符串所有匹配对象，返回一个\{字符串数组\}：数组元素包含string中的每一个匹配对象，不包含正则表达式括号内的字串，也不提供index和input属性。  
  
示例：

1.  // 1.单个匹配  
    
2.    
    
3.  var s = 'a1b2c3d4';  
    
4.    
    
5.  var mc = s.match(/\\d+/); // => 获取第一个正则匹配的结果  
    
6.    
    
7.  if (mc != null) \{  
    
8.    
    
9.      console.log(mc.index); // => 1 ：匹配结果在匹配源的起始位置  
    
10.   
    
11.     console.log(mc.input) // => a1b2c3d4 ：匹配源  
    
12.   
    
13.     console.log(mc\[0\]); // => 1 ：获取匹配到的结果  
    
14.   
    
15. \}  
    
16.   
    
17.   
    
18.   
    
19. // 2.全局匹配  
    
20.   
    
21. var mcArray = s.match(/\\d+/g); // => 获取全部正则匹配的数字  
    
22.   
    
23. if (mcArray != null) \{  
    
24.   
    
25.     for (var i = 0,len=mcArray.length; i < len; i++) \{  
    
26.   
    
27.         var mc=mcArray\[i\];  
    
28.   
    
29.         console.log(mc); // => 1,2,3,4 ：获取匹配到的结果  
    
30.   
    
31.     \}  
    
32.   
    
33. \}  
    
34.   
    
35.   
    
36.   
    
37. // 3.带括号的匹配  
    
38.   
    
39. s = 'a1b2c3d4';  
    
40.   
    
41. mc = s.match(/\[a-z\](\[1-9\])/); // => 获取第一个正则匹配的结果  
    
42.   
    
43. if (mc != null) \{  
    
44.   
    
45.     console.log(mc.index); // => 0 ：匹配结果在匹配源的起始位置  
    
46.   
    
47.     console.log(mc.input) // => a1b2c3d4 ：匹配源  
    
48.   
    
49.     console.log(mc\[0\]); // => a1 ：序号0表示匹配到的结果  
    
50.   
    
51.     console.log(mc\[1\]); // => 1 ：序号1表示第一个括号内的子匹配结果  
    
52.   
    
53. \}

复制代码

4.8  replace(regexp, replaceStr) ：替换正则表达式匹配的子串，并返回替换后的字符串  
参数：  
  
①regexp \{regexp\} ：正则表达式。eg：/\\d+/  
②replaceStr \{string | function\} ：  
  
  
1）若是字符串，表示替换的字符串，匹配到字串都替换成此字符串；  
字符串中的$字符有特殊的含义：  
$1,$2 ... $99 ：表示①参从左到右圆括号的匹配子项  
$& ：表示整个①参匹配的子项  
$$ ：美元符号  
  
2）若是函数，表示每个匹配结果都调用此函数，函数的唯一参数为匹配结果,并返回一个替换结果。  
返回值：  
\{string\} 返回一个替换后的字符串  
示例：

1.  var oldStr = 'a1b2c3d4';  
    
2.    
    
3.    
    
4.    
    
5.  // 1.正则匹配到【所有】数字，替换成：','逗号  
    
6.    
    
7.  var newStr = oldStr.replace(/\\d+/g, ',');  
    
8.    
    
9.  console.log(newStr); // => a,b,c,d,  
    
10.   
    
11.   
    
12.   
    
13. // 2.正则匹配到【所有】数字，替换成：匹配结果 + ','逗号  
    
14.   
    
15. newStr = oldStr.replace(/\\d+/g, '\[        DISCUZ\_CODE\_244        \]amp;,');  
    
16.   
    
17. console.log(newStr); // => a1,b2,c3,d4,  
    
18.   
    
19.   
    
20.   
    
21. // 3.正则匹配到【所有】数字，每个匹配结果都调用函数，并返回替换后的结果  
    
22.   
    
23. newStr = oldStr.replace(/\\d+/g, function (word) \{  
    
24.   
    
25.     if (word % 2 == 0) \{  
    
26.   
    
27.         return '偶';  
    
28.   
    
29.     \}  
    
30.   
    
31.     return '奇';  
    
32.   
    
33. \});  
    
34.   
    
35. console.log(newStr); // => a奇b偶c奇d偶

复制代码

4.9 search(regexp) ：返回查找正则表达式第一个匹配的位置  
参数：  
①regexp \{regexp\} ：正则表达式。eg：/\\d+/  
  
返回值：  
\{int\} 返回第一个匹配的结果的位置；若没找到匹配结果返回-1  
  
示例：

1.  console.log( 'abcd'.search(/\\d+/) ); // => -1 ：没有找到数字  
    
2.    
    
3.  console.log( 'abcd1234'.search(/\\d+/) ); // => 4 ：位置序号为4，返回第一个数字的位置

复制代码

4.10  slice(start, |end)：返回从字符串start位置到end前一个位置的子串  
参数：  
①start \{int\} ：子串提取的开始位置索引(包括此位置的字符)。  
  
　　　　　　若数字为负，表示从字符串尾部开始计算。如：-1表示倒数一个字符串，-2表示倒数第二个字符。  
  
②end \{int\} 可选：子串提取的结束位置索引(不包括此位置的字符)。  
  
　　　　　　若数字为负，表示从字符串尾部开始计算。如：-1表示倒数一个字符串，-2表示倒数第二个字符。  
  
　　　　　　若省略此参数，返回从start位置到结束的所有字符。  
  
注意：  
  
子串的提取顺序是从左到有，若start索引位置大于end索引位置，将返回一个空字符串。  
  
返回值：  
\{string\} 返回从字符串start位置到end前一个位置的子串。  
  
示例：

1.  var s = 'abcdefg';  
    
2.    
    
3.  console.log( s.slice(1) ); // bcdefg ：省略end参数，结束位置为末尾  
    
4.    
    
5.  console.log( s.slice(1, 3) ); // bc ：返回从位置序号1到位置序号2(end前一个位置)的子串  
    
6.    
    
7.  console.log( s.slice(-3) ); // efg ：返回从倒数第三个开始到末尾的所有字符  
    
8.    
    
9.  console.log( s.slice(-3, -1) ); // ef ：返回从倒数第三个开始到第二个(end前一个位置)的所有字符

复制代码

4.11 split(delimiter, |arrayLength) ：将字符串按照某种分隔符切分成一个由字符串组成的数组并返回  
  
参数：  
①delimiter \{regexp | string\} ：指定的分隔符，可以为正则表达式或字符串。  
②arrayLength \{int\} 可选 ：分割数组的长度。若省略，返回所有分割的子串。  
  
注意：  
若分隔符在字符串的第一个或最后一个，将添加一个空字符串到返回的数组。  
  
返回值：  
\{ string\[\] \} 返回一个由字符串组成的数组。  
  
示例：

1.  console.log( 'a,b,c,d,e'.split(',') ); // => \["a", "b", "c", "d", "e"\]  
    
2.    
    
3.  console.log( ',a,b,c,d,e,'.split(',') ); // => \["", "a", "b", "c", "d", "e", ""\] ：分隔符在最前或最后面，会添加一个空字符串  
    
4.    
    
5.  console.log( 'a,b,c,d,e'.split(',',3) ); // => \["a", "b", "c"\] ：返回前3个分割的子串  
    
6.    
    
7.  console.log( 'a1b2c3d4e'.split(/\\d/) ); // => \["a", "b", "c", "d", "e"\] ：将数字来做为分隔符

复制代码

4.12 substr(start, |wordLength)：返回从字符串start位置开始计算到wordLength个长度的子串  
参数：  
  
①start \{int\} ：子串提取的开始位置索引(包括此位置的字符)。  
　若数字为负，表示从字符串尾部开始计算。如：-1表示倒数一个字符串，-2表示倒数第二个字符。  
②wordLength \{int\} 可选 ：提取字符的长度。若省略此参数，返回从start位置到结束的所有字符。  
返回值：  
\{string\} 返回提取的字符串  
  
示例：

1.  ar s = 'abcdefg';  
    
2.    
    
3.  onsole.log( s.substr(0) ); // =>  abcdefg ：省略第二个参数，返回从位置序号0开始，一直到最后的字符  
    
4.    
    
5.  onsole.log( s.substr(0, 3) ); // => abc ：返回从位置序号0开始，计数3个字符  
    
6.    
    
7.  onsole.log( s.substr(2, 4) ); // => cdef ：返回从位置序号2开始，计数4个字符  
    
8.    
    
9.  onsole.log( s.substr(-2, 3) ); // fg ：返回从倒数第二个字符串开始，计数3个(超过字符长度，就只返回可统计的字符)

复制代码

4.13 substring(start, |end) ：返回从字符串start位置到end前一个位置的子串  
参数：  
  
①start \{int\} ：子串提取的开始位置索引(包括此位置的字符)。数字不能为负数，若为负数按0来处理  
②end \{int\} 可选：子串提取的结束位置索引(不包括此位置的字符)。数字不能为负数，若为负数按0来处理  
  
返回值：  
 \{string\} 返回从字符串start位置到end前一个位置的子串。  
示例：

1.  var s = 'abcdefg';  
    
2.    
    
3.  console.log( s.substring(0) ); // =>  abcdefg ：省略end参数，返回从位置序号0开始，一直到最后的字符  
    
4.    
    
5.  console.log( s.substring(0, 3) ); // => abc ：返回从位置序号0开始到位置序号2(②参的前一个)的字符  
    
6.    
    
7.  console.log( s.substring(2, 4) ); // => cd ：返回从位置序号2开始到位置序号3(②参的前一个)的字符  
    
8.    
    
9.  console.log( s.substring(-3, 3) ); // abc ：参数若为负，就按数字0来处理，所以此参数实际返回位置序号0到位置序号3的字符

复制代码

4.14 toUpperCase() ：将字符串转换为大写并返回  
4.15 toLowerCase() ：将字符串转换为小写并返回  
4.16 trim() ：移除字符串开头和结尾处的空白字符并返回

[Link 1]: http://www.html5cn.org/portal.php?mod=list&catid=17