在 ES10 版本中，JavaScript 引入了两个新的 String 方法：isStartWith 和 endWith。这两个方法可以用来判断一个字符串是否以特定的子串开头或结尾。本文将介绍这两个方法的详细使用方法，并提供相关的示例代码和指导性意义。
String.prototype.startsWith()
String.prototype.startsWith() 方法用于判断字符串是否以指定的字符开头。这个方法可以接受两个参数：searchString 和 position（可选）。其中，searchString 是一个要搜索的指定字符串，position 是一个表示从哪里开始搜索的索引值。
例如，我们可以使用以下代码判断字符串是否以指定的字符开头：
const str = 'Hello, world!';
console.log(str.startsWith('Hello')); // true
console.log(str.startsWith('ello')); // false
console.log(str.startsWith('world', 7)); // true我们还可以根据位置搜索字符串的某一部分。例如，在上面的示例中，第三个 console.log 语句将从字符串的第 7 个字符位置开始搜索字符串“world”，然后返回 true。
String.prototype.endsWith()
String.prototype.endsWith() 方法用于判断字符串是否以指定的字符结尾。这个方法也可以接受两个参数：searchString 和 position（可选）。其中，searchString 是一个要搜索的指定字符串，position 是一个表示从哪里开始搜索的索引值。
例如，我们可以使用以下代码判断字符串是否以指定的字符结尾：
const str = 'Hello, world!';
console.log(str.endsWith('world!')); // true
console.log(str.endsWith('o')); // false
console.log(str.endsWith('Hello', 5)); // true同样，我们可以通过设置 position 参数更改搜索的起始位置。例如，在上面的示例中，第三个 console.log 语句将从字符串的第 5 个字符位置开始搜索字符串“Hello”，然后返回 true。
示例代码
下面是一些使用 String.prototype.startsWith() 和 String.prototype.endsWith() 方法的示例代码：
// javascriptcn.com 代码示例
const str = 'Hello, world!';
// 判断是否以指定字符串开头
console.log(str.startsWith('Hello')); // true
// 判断是否以指定字符串结尾
console.log(str.endsWith('world!')); // true
// 根据位置搜索字符串的开头
console.log(str.startsWith('world', 7)); // false
// 根据位置搜索字符串的结尾
console.log(str.endsWith('Hello', 5)); // false学习和指导意义
了解 String.prototype.startsWith() 和 String.prototype.endsWith() 方法可以帮助开发人员更轻松地进行字符串操作。这两个方法可以大大简化编写字符串搜索逻辑所需的代码量，并且使代码更容易阅读和维护。
在实际项目中，我们可以将这些方法用于验证用户输入、搜索和过滤大型数据集和 URL 路径处理等场景。它们可以帮助我们快速编写那些原本需要复杂正则表达式的操作，并且可以提高代码的可读性和有效性。
总结
ES10 引入了 String.prototype.startsWith() 和 String.prototype.endsWith() 方法，这些方法可以帮助开发人员更轻松地进行字符串操作。它们可以大大简化编写字符串搜索逻辑所需的代码量，并且使代码更容易阅读和维护。在实际项目中，我们可以将这些方法用于验证用户输入、搜索和过滤大型数据集和 URL 路径处理等场景。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65430d6e7d4982a6ebcb5aa0