ES10 中如何使用 String.prototype.startsWith() 和 String.prototype.endsWith() 方法
在 ES10 中，String.prototype 中添加了两个新的方法 startsWith() 和 endsWith()，它们可以非常方便地检查一个字符串是否以另一个字符串开头或结尾。
- String.prototype.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('hell')); // false
console.log(str.startsWith('world', 6)); // true上述代码中，第一个 startsWith() 方法返回 true，因为字符串 "Hello world!" 以 "Hello" 开头；第二个 startsWith() 方法返回 false，因为字符串 "Hello world!" 不以 "hell" 开头；第三个 startsWith() 方法返回 true，因为从字符串的第6个字符开始，它的结尾是 "world"。
- String.prototype.endsWith()
endsWith() 方法用来检查一个字符串是否以指定的字符串结尾，它的语法如下：
str.endsWith(searchString[, length])
其中，searchString 为需要查找的字符串，length 为可选的参数，默认为字符串的长度，表示从字符串的末尾开始查找。如果找到了对应的字符串，则返回 true，否则返回 false。
举个例子：
const str = 'Hello world!';
console.log(str.endsWith('world!')); // true
console.log(str.endsWith('World!')); // false
console.log(str.endsWith('Hello', 5)); // true上述代码中，第一个 endsWith() 方法返回 true，因为字符串 "Hello world!" 以 "world!" 结尾；第二个 endsWith() 方法返回 false，因为字符串 "Hello world!" 与 "World!" 不完全相同；第三个 endsWith() 方法返回 true，因为在字符串的前5个字符中，结尾是 "Hello"。
这两个方法都可以在字符串的处理中起到非常重要的作用，可以很方便地检查一些常用的字符串特征，同时也可以提高代码的可读性。
总结
本文介绍了 ES10 中 String.prototype 的 startsWith() 和 endsWith() 方法，并且给出了详细的语法和示例代码。在实际的前端开发中，我们可以根据这些方法来判断和处理字符串，提高代码的效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/664ab571d3423812e49a0e53