ES6 中 String 方法 startsWith 和 endsWith 的使用
在 ES6 中，String 类型新增了 startsWith 和 endsWith 方法，用于判断一个字符串是否以指定的子串开头或结尾。在前端开发中，这两个方法非常实用，可以用来进行字符串匹配、判断 URL 是否合法等等。
- startsWith 方法
startsWith 方法用于判断一个字符串是否以指定的子串开头，它接受两个参数：要匹配的子串和可选的匹配起始位置。如果字符串以指定的子串开头，方法返回 true，否则返回 false。
示例代码：
const str = 'hello world';
console.log(str.startsWith('hello')); // true
console.log(str.startsWith('world')); // false
console.log(str.startsWith('world', 6)); // true在上面的示例中，第一个 startsWith 方法返回 true，因为字符串 str 以 'hello' 开头；第二个 startsWith 方法返回 false，因为字符串 str 不以 'world' 开头；第三个 startsWith 方法返回 true，因为字符串 str 中从第 6 个位置开始的子串是 'world'。
- endsWith 方法
endsWith 方法用于判断一个字符串是否以指定的子串结尾，它接受两个参数：要匹配的子串和可选的匹配结束位置。如果字符串以指定的子串结尾，方法返回 true，否则返回 false。
示例代码：
const str = 'hello world';
console.log(str.endsWith('world')); // true
console.log(str.endsWith('hello')); // false
console.log(str.endsWith('hello', 5)); // true在上面的示例中，第一个 endsWith 方法返回 true，因为字符串 str 以 'world' 结尾；第二个 endsWith 方法返回 false，因为字符串 str 不以 'hello' 结尾；第三个 endsWith 方法返回 true，因为字符串 str 中从第 5 个位置到结尾的子串是 'hello'。
- 深度学习
startsWith 和 endsWith 方法的实现原理比较简单，它们都是通过调用 String.prototype.slice 方法来判断子串是否匹配。这两个方法的主要优点在于它们可以避免使用正则表达式，提高了代码的可读性和性能。
- 指导意义
在前端开发中，字符串匹配是非常常见的操作，使用 startsWith 和 endsWith 方法可以更加方便地进行字符串匹配，减少代码量和复杂度。特别是在处理 URL 时，这两个方法可以用来判断 URL 是否合法，从而提高代码的健壮性和安全性。
总结
ES6 中新增的 startsWith 和 endsWith 方法可以方便地进行字符串匹配，避免使用正则表达式，提高代码的可读性和性能。在前端开发中，这两个方法非常实用，可以用来进行字符串匹配、判断 URL 是否合法等等。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6556c5e6d2f5e1655d123a48