ES12 中新增的字符串原型方法

ES12 中新增的字符串原型方法

ES12 是 JavaScript 的最新版本，它带来了许多新的特性和改进，其中包括一些新增的字符串原型方法。这些新的方法可以帮助前端开发人员更方便地操作和处理字符串，提高开发效率和代码质量。本文将介绍 ES12 中新增的字符串原型方法，并提供详细的示例代码和指导意义。

1. startsWith()

startsWith() 方法用于判断一个字符串是否以指定的字符或子串开头。它的语法如下：

str.startsWith(searchString[, position])

其中，searchString 是要搜索的字符串，position 是可选参数，表示从字符串的哪个位置开始搜索，默认为 0。如果字符串以指定的字符或子串开头，返回 true，否则返回 false。

示例代码：

const str = 'Hello, world!';
console.log(str.startsWith('Hello')); // true
console.log(str.startsWith('world', 7)); // true
console.log(str.startsWith('world', 8)); // false

指导意义：

startsWith() 方法可以帮助我们快速判断一个字符串是否以指定的字符或子串开头，避免了手动截取字符串的麻烦和错误。它在处理 URL、文件路径等字符串时非常有用。

1. endsWith()

endsWith() 方法用于判断一个字符串是否以指定的字符或子串结尾。它的语法如下：

str.endsWith(searchString[, length])

其中，searchString 是要搜索的字符串，length 是可选参数，表示从字符串的哪个位置开始搜索，默认为字符串的长度。如果字符串以指定的字符或子串结尾，返回 true，否则返回 false。

示例代码：

const str = 'Hello, world!';
console.log(str.endsWith('world!')); // true
console.log(str.endsWith('Hello', 5)); // true
console.log(str.endsWith('Hello', 4)); // false

指导意义：

endsWith() 方法可以帮助我们快速判断一个字符串是否以指定的字符或子串结尾，避免了手动截取字符串的麻烦和错误。它在处理文件扩展名、MIME 类型等字符串时非常有用。

1. includes()

includes() 方法用于判断一个字符串是否包含指定的字符或子串。它的语法如下：

str.includes(searchString[, position])

其中，searchString 是要搜索的字符串，position 是可选参数，表示从字符串的哪个位置开始搜索，默认为 0。如果字符串包含指定的字符或子串，返回 true，否则返回 false。

示例代码：

const str = 'Hello, world!';
console.log(str.includes('world')); // true
console.log(str.includes('Hello', 1)); // false
console.log(str.includes('Hello', 0)); // true

指导意义：

includes() 方法可以帮助我们快速判断一个字符串是否包含指定的字符或子串，避免了手动遍历字符串的麻烦和错误。它在搜索关键字、过滤数据等场景下非常有用。

1. repeat()

repeat() 方法用于将一个字符串重复指定次数。它的语法如下：

str.repeat(count)

其中，count 是要重复的次数，必须是一个非负整数。如果 count 是 0 或 Infinity，返回空字符串。如果 count 是负数或小数，会抛出 RangeError。

示例代码：

const str = 'Hello, world!';
console.log(str.repeat(3)); // 'Hello, world!Hello, world!Hello, world!'
console.log(str.repeat(0)); // ''
console.log(str.repeat(Infinity)); // ''
console.log(str.repeat(-1)); // RangeError
console.log(str.repeat(1.5)); // RangeError

指导意义：

repeat() 方法可以帮助我们快速生成重复的字符串，避免了手动拼接字符串的麻烦和错误。它在生成填充、构造模板等场景下非常有用。

总结

ES12 中新增的字符串原型方法包括 startsWith()、endsWith()、includes() 和 repeat()，它们都可以帮助我们更方便地操作和处理字符串。在实际开发中，我们可以根据具体的场景和需求来选择使用哪个方法，以提高开发效率和代码质量。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/662f3b3bd3423812e4d2f043