es6 中对字符串的操作又进行了一定的扩展
1.includes、startsWith、endsWith
- includes(): 返回布尔值, 表示是否找到了参数字符串。
以前判断字符串中是否存在某个元素使用indexOf
"Hi".indexOf("H") !== -1;// true// 通过返回元素的下标是否为-1来判断是否存在
麻烦 es6 中直接 includes()
"Hi".includes("H");// true// 语义化十足
- startsWith(): 返回布尔值, 表示参数字符串是否在原字符串的头部。
"Hi".startsWith("H");// true
- endsWith(): 返回布尔值, 表示参数字符串是否在原字符串的尾部。
"Hi".endsWith("i");// true
2.repeat
- repeat(n)方法返回一个新字符串,表示将原字符串重复n次。
"Hi".repeat(3);// HiHiHi
3.padStart、padEnd
- padStart()用于头部补全,padEnd()用于尾部补全。
格式:padStart(minLen,str)
padStart和padEnd一共接受两个参数,第一个参数用来指定字符串的最小长度,第二个参数是用来补全的字符串。 - 用途一:为数值补全指定位数。也就是补零(时间补零,之前是判断这个数是否大于9,然后拼接一个"0")
'1'.padStart(2, '0') // "01"
- 用途二:提示字符串格式
let a='12'.padStart(10, 'YYYY-MM-DD') // a="YYYY-MM-12"
4.模版字符串(template string)这个真的很不错
以前:传统字符串拼接使用"逗逗加加"经常出错,而且十分繁琐不便。
现在:es6 神器来了。
模板字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量,用${变量};而且大括号内部可以放入表达式,进行运算;还能引用对象属性;还能函数调用。
${}:大括号内部能放
1.变量
2.表达式
3.对象属性
4.函数调用
5.模板字符串(也就是嵌套)
栗子:没有栗子,JavaScript中用到字符串操作的时候忘掉单引号,忘掉双引号,忘掉逗逗,忘掉加加,直接一个反引号包裹,用到变量的地方用${ }包裹,over,就是这么简单。
5.String.raw(好像没什么用)
- String.raw方法,往往用来充当模板字符串的处理函数,返回一个斜杠都被转义(即斜杠前面再加一个斜杠)的字符串,对应于替换变量后的模板字符串。
登录 | 立即注册