ES6 字符串新增特性(第二篇):新增的字符串方法

74 阅读2分钟

ES6 不仅引入了模板字符串,还增加了一系列新的字符串方法,这些方法使得处理和查询字符串变得更加方便快捷。本篇将重点介绍这些新增的字符串方法。

新增的字符串方法

1. startsWith()

检查一个字符串是否以另一个字符串开头。

let str = "Hello world!";
console.log(str.startsWith("Hello")); // 输出: true

2. endsWith()

检查一个字符串是否以另一个字符串结尾。

let str = "Hello world!";
console.log(str.endsWith("world!")); // 输出: true

3. includes()

判断一个字符串是否包含另一个字符串。

let str = "Hello world!";
console.log(str.includes("world")); // 输出: true

4. repeat()

返回一个新字符串,表示原字符串重复指定次数。

let str = "abc";
console.log(str.repeat(3)); // 输出: "abcabcabc"

5. padStart()padEnd()

在字符串的开头或结尾填充字符,直到达到指定的长度。

let str = "5";
console.log(str.padStart(3, "0")); // 输出: "005"
console.log(str.padEnd(3, "0")); // 输出: "500"

使用场景

  1. 字符串匹配:使用 startsWith()endsWith()includes() 进行方便快捷的字符串匹配操作。
  2. 字符串格式化:利用 padStart()padEnd() 对字符串进行格式化,常用于日期、时间、编号等场景。
  3. 字符串复制:使用 repeat() 方法可以快速获得重复的字符串,适用于创建分隔线、列表项目等。

注意事项

  • 这些方法是 ES6 的新特性,不支持 ES6 的旧浏览器可能无法使用这些方法。
  • 在使用 padStart()padEnd() 时,如果原字符串长度已经达到或超过指定长度,将不会进行任何填充。

以上是 ES6 中新增的一些重要的字符串处理方法。这些方法极大地简化了字符串处理的复杂度,提升了开发效率。在下一篇文章中,我们将继续探讨 ES6 中字符串的其他特性和方法。