ES6知识点复习(三)

字符串的新增方法
\color{#FF8C00}{\rm\large{includes()}}
  • 返回布尔值,表示是否找到了参数字符串。
\color{#FF8C00}{\rm\large{startsWith()}}
  • 返回布尔值,表示参数字符串是否在原字符串的头部。
\color{#FF8C00}{\rm\large{endsWith()}}
  • 返回布尔值,表示参数字符串是否在原字符串的尾部。
let s = 'Hello world!';
s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true
  • 这三个方法都支持第二个参数,表示开始搜索的位置
let s = 'Hello world!';
s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false
  • 使用第二个参数n时,endsWith的行为与其他两个方法有所不同。它针对前n个字符,而其他两个方法针对从第n个位置直到字符串结束。
\color{#FF8C00}{\rm\large{repeat()}}
  • repeat方法返回一个新字符串,表示将原字符串重复n次。
\color{#FF8C00}{\rm\large{padStart()}}
  • 接受两个参数,第一个参数是字符串补全生效的最大长度,第二个参数是用来补全的字符串。
'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'
\color{#FF8C00}{\rm\large{padEnd()}}
  • 接受两个参数,第一个参数是字符串补全生效的最大长度,第二个参数是用来补全的字符串。
'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'
  • 如果原字符串的长度,等于或大于最大长度,则字符串补全不生效,返回原字符串。
'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'
\color{#FF8C00}{\rm\large{trimStart()}}
  • 消除字符串头部的空格,不会修改原始字符串。
\color{#FF8C00}{\rm\large{trimEnd()}}
  • 消除尾部的空格,不会修改原始字符串。
const s = '  abc  ';

s.trim() // "abc"
s.trimStart() // "abc  "
s.trimEnd() // "  abc"
\color{#FF8C00}{\rm\large{replaceAll()}}
  • 消除尾部的空格,不会修改原始字符串。
  • 可以一次性替换所有匹配。
'aabbcc'.replaceAll('b', '_')
// 'aa__cc'
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容