七、字符串

124 阅读4分钟

1. 什么是字符串

由单引号或双引号组成的一串字符

恒定性,字符串内容不能被改变

2. 字符串的写法

2.1 构建函数创建字符串 ---> object

var str1 = new String("我是一串字符串");
console.log(typeof str1);//object

2.2 去掉new ---> string

var str2 = new String("我也是一串字符串");
console.log(typeof str2);//string
    

2.3 字符串的字面量表达式 ---> string

var str3 = new String("我肯定是一串字符串");
console.log(typeof str3);//string
    

3. 字符串的长度 str.length

① 获取字符串长度;

② 不能改变字符串长度

var str = "abcde";
console.log(str.length);//5
str.length = 4;
console.log(str.length);//5

4. 字符串的下标 str.[i]

① 获取元素

② 不能改变字符串的内容

var str = "ABCDE";
console.log(str[1]);//B
str[1] = 2;
console.log(str[1]);//B

5. 字符串的方法

字符串所有的方法都不能改变原字符串

5.1 charAt()

  • ① 作用:根据下标获取元素
  • ① 参数:index
  • ③ 返回值:返回该下标的元素

5.2 charCodeAt()

  • ① 作用:根据下标获取元素的ASCII码
  • ① 参数:index
  • ③ 返回值:返回该下标的元素对应的ASCII码

(ASCII码表格中只有前128个字符叫ASCII码,后面的叫Unicode码)

5.3 Stirng.fromCharCode() 根据ASCII码返回一个字符串

这个是字符串的静态方法,任何地方都能使用

  • ① 作用:根据ASCII码获取字符串
  • ① 参数:index
  • ③ 返回值:返回ASCII码对应的字符串

5.4 查找系列

search() 支持正则

  • ① 作用:查找元素的是否存在。
  • ① 参数:字符串
  • ③ 返回值:找到了返回元素的下标,没找到返回-1。

indexOf()

  • ① 作用:查找元素是否存在。
  • ① 参数:字符串,查找的开始位置(默认从0开始查找)
  • ③ 返回值:找到了返回元素的下标,没找到返回-1。

lastIndexOf()

  • ① 作用:查找元素是否存在。
  • ① 参数:字符串,查找的开始位置(默认从最后位置开始查找)
  • ③ 返回值:找到了返回元素的下标,没找到返回-1。

match() 支持正则

  • ① 作用:查找元素是否存在。
  • ① 参数:字符串
  • ③ 返回值:找到了返回一个数组,没找到返回null

includes()

  • ① 作用:查找元素是否存在。
  • ① 参数:字符串
  • ③ 返回值:找到了返回true,没找到返回false。

5.5 截取系列

slice()

  • ① 作用:截取字符串。
  • ① 参数:开始位置,结束位置(包含开始位置,不包含结束位置。一个参数时表示从开始位置截取到最后)
  • ③ 返回值:返回截取的字符串。

substring() 参数可以反着写-->会自动升序

  • ① 作用:截取字符串。
  • ① 参数:开始位置,结束位置(包含开始位置,不包含结束位置。一个参数时表示从开始位置截取到最后)。
  • ③ 返回值:返回截取的字符串。

substr()

  • ① 作用:截取字符串。
  • ① 参数:开始位置,截取个数
  • ③ 返回值:返回截取的字符串。

5.6 repeat()

  • ① 作用:重复。
  • ① 参数:重复次数
  • ③ 返回值:返回重复之后的字符串。

5.7 reduce()

  • ① 作用:替换。
  • ① 参数:被替换的元素,新元素(可以是回调函数)
  • ③ 返回值:返回替换之后的字符串。

5.8 concat()

  • ① 作用:合并。和+作用一样--->拼接字符
  • ① 参数:要合并的元素
  • ③ 返回值:返回合并之后的字符串。

5.9 split() 支持正则

  • ① 作用:切割
  • ① 参数:切割的符号
  • ③ 返回值:返回数组。

5.10 toUpperCase()

  • ① 作用:转大写
  • ① 参数:字符串
  • ③ 返回值:返回字符串,原来是小写字母的转换为大写字母。

5.11 toLowerCase()

  • ① 作用:转小写
  • ① 参数:字符串
  • ③ 返回值:返回字符串,原来是大写字母的转换为小写字母。

5.12 trim()

  • ① 作用:去除前后空白符
  • ① 参数:字符串
  • ③ 返回值:返回去除前后空白符后的字符串。

5.13 trimStart()

  • ① 作用:去除前面空白符
  • ① 参数:字符串
  • ③ 返回值:返回去除前面空白符后的字符串。

5.14 trimEnd()

  • ① 作用:去除末尾空白符
  • ① 参数:字符串
  • ③ 返回值:返回去除末尾空白符后的字符串。

5.15 padStart()

  • ① 作用:前面填充(字符长度不够才填充)
  • ① 参数:字符长度,填充的元素
  • ③ 返回值:返回填充后的字符串。

5.16 padEnd()

  • ① 作用:最后填充(字符长度不够才填充)
  • ① 参数:字符长度,填充的元素
  • ③ 返回值:返回填充后的字符串。

5.17 startsWith()

  • ① 作用:判断是否在开始位置
  • ① 参数:字符串
  • ③ 返回值:在开始位置返回true,否则false。

5.18 endsWith()

  • ① 作用:判断是否在结束位置
  • ① 参数:字符串
  • ③ 返回值:在结束位置返回true,否则false。