ES6——内置对象:字符串的方法

141 阅读2分钟

字符串的方法

1.子串的识别:(这三种方法只返回布尔值,如果需要子串的位置,应该用indexOf()和lastindexOf()方法)

includs(参数1,参数2):返回布尔值,判断是否找到参数字符串。注意:参数2是代表索引位置。

startsWith(参数1,参数2):返回布尔值,判断参数字符串是否在原字符串的头部。注意:参数2是代表索引位置。

endsWith(参数1,参数2):返回布尔值,判断参数字符串是否在原字符串的尾部。注意:参数2是表示前(参数2)位是否是参数1结尾。

image.png

image.png

2.字符串重复

repeat():返回新的字符串,表示将字符串重复指定次数返回。

注意:

  1. 如果参数是小数,将向下取整
  2. 如果参数为0到-1之间的小数,会取到0
  3. 如果参数为NaN,也会取到0
  4. 如果参数是负数或者Infinity(无限),会报错
  5. 如果参数是字符串,则会先将字符串转化为数字。例如:"sm"==>"","2"==>2

image.png

image.png

3.字符串补全(用于补全位数):(有点类似于css中的精灵图)

padStart():返回新的字符串,表示用参数字符串从头部补全原字符串。

padEnd():返回新的字符串,表示用参数字符串从尾部补全原字符串。 注意:

  1. 这两个方法都可以有两个参数,参数1为生成字符串的长度,参数2可选
  2. 如果参数2没有写,将默认为空格
  3. 如果参数1小于原字符串本身的长度,返回原字符串

image.png

image.png

4.模板字符串(用反引号``):

作用:

  1. 可以用来定义多行字符串,还可以在字符串中加入变量和表达式。

  2. 在 ``中可以使用 ${} 直接把变量和字符串拼接起来.

  3. 在${}中可以调用函数,使函数运行

  4. 模板字符串中的换行和空格都会被保留

image.png

image.png

5.标签模板:

标签模板,是一个函数的调用,其中调用的参数是模板字符串(在严格模式use strict下可能会错误)

应用:过滤HTML字符串,防止用户输入恶意内容