字符串识别
ES6 之前判断字符串是否包含某字符串,用 indexOf 方法,ES6 新增了字符串的识别方法。
includes()
:返回布尔值,判断是否找到参数字符串。startsWith()
:返回布尔值,判断参数字符串是否存在原字符串头部。endsWith()
:返回布尔值,判断参数字符串是否存在原字符串尾部。
以上三个方法都可以接受两个参数,需要搜索的字符串(必选)和搜索起始位置索引(可选)。如下图
字符串补全
padStart()
:返回新的字符串,表示用参数字符串从原字符串头部补全。padEnd()
:返回新的字符串,表示用参数字符串从原字符串尾部补全。
以上两个方法接受两个参数,第一个参数是指定生成的字符串的最大长度,第二个参数是用来补全的字符串。如果没有指定第二个参数,默认用空格填充。如下图
注意要点
- 如果指定的长度小于或者等于原字符串的长度,则返回原字符串
- 如果原字符串加上补全字符串长度大于指定长度,则截去超出位数的补全字符串
字符串重复
repeat()
:返回新的字符串,表示将字符串重复指定次数返回(包含原字符串)。
注意要点
- 如果参数是小数则向下取整
- 如果参数是 0 至 -1 之间的小数,会进行取整运算,0 至 -1 之间的小数取整得到 -0 ,等同于 repeat 零次,repeat零次将会返回一个空字符串
- 如果参数是 NaN,等同于 repeat 零次
- 如果参数是负数或者 Infinity(无限大) ,会报错
- 如果传入的参数是字符串,则会先将字符串转化为数字
模板字符串
定义:模板字符串相当于加强版的字符串,用反引号(Tab键上方),除了作为普通字符串,还可以用来定义多行字符串,还可以在字符串中加入变量和表达式。
- 普通字符串
- 多行字符串
- 字符串插入变量和表达式。使用${},${}中可以放入 JavaScript 表达式,变量,函数。
注意要点
- 模板字符串中的空格和换行都会被保存