ES6 -- 字符串的新增方法(写写文章复习下)

149 阅读1分钟

ES6新增了几种字符串方法,有includes()、startsWith()、endWith()、repeat()、padStart()、padEnd()、trimStart()、trimEnd()、replaceAll()等。

javascript有一个indexOf()方法,判断字符串中的某个字符是否存在:

image.png indexOf只能返回1和-1,而ES6新增的includes(),功能和indexOf一样,不过includes()方法返回的布尔值,即true和false。

image.png startsWith()方法,返回布尔值,表示参数字符串是否在原字符串的头部。 endWith()方法,返回布尔值,表示参数字符串是否在原字符串的尾部。

image.png 以上的三种方法,可以传入第二个参数,表示开始搜索的位置。 repeat() 返回新字符串,表示将原字符串重复n次。如果不传参数,则返回""。

image.png 参数如果是小数,会被取整。

image.png 如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。

image.png 上面代码中,padStart()padEnd()一共接受两个参数,第一个参数是字符串补全生效的最大长度,第二个参数是用来补全的字符串。

如果原字符串的长度,等于或大于最大长度,则字符串补全不生效,返回原字符串。

image.png trimStart(),trimEnd(),看到方法名,就知道是什么作用了,一个是去除字符串左边的空格,一个是去除字符串右边的空格,看代码。

image.png replaceAll()方法,替换所有匹配的字符串,它的用法与replace()相同,返回一个新字符串,不会改变原字符串。replaceAll()的第二个参数replacement是一个字符串,表示替换的文本,其中可以使用一些特殊字符串。

image.png

小白一个来着,如果有错,请见谅!!