在前端开发中，经常需要对字符串进行匹配和处理。ES7 中引入的 includes 和 startsWith 方法，可以方便地判断一个字符串是否包含某个特定的字符或者以某个特定的字符开头。
includes 方法
includes 方法用于判断一个字符串是否包含另一个子串。语法如下：
str.includes(searchString[, position])
searchString：要查找的子串。position：可选参数，指定从哪个位置开始查找。
返回值为布尔类型，表示是否找到了该子串。示例如下：
const str = 'Hello, world!';
console.log(str.includes('world')); // true
console.log(str.includes('hello')); // falsestartsWith 方法
startsWith 方法用于判断一个字符串是否以另一个子串开头。语法如下：
str.startsWith(searchString[, position])
searchString：要查找的子串。position：可选参数，指定从哪个位置开始查找。
返回值为布尔类型，表示是否以该子串开头。示例如下：
const str = 'Hello, world!';
console.log(str.startsWith('Hello')); // true
console.log(str.startsWith('hello')); // false与正则表达式的区别
使用 includes 和 startsWith 方法，其实是一种简单的字符串匹配方法，与正则表达式相比，可能会有一些局限性。例如，正则表达式可以通过特定的模式匹配复杂的字符串模式，而 includes 和 startsWith 方法只能匹配固定的字符串。因此，在实际开发中，需要根据具体的需求选择不同的匹配方法。
使用注意事项
当使用 includes 和 startsWith 方法时，需要注意以下几点：
- 传入的参数必须是字符串类型。
- 如果需要向后查找，则需要指定起始位置的值。
- 不同的浏览器的ES版本支持可能不同，请根据实际情况选择合适的版本和兼容性处理。
示例代码
以下是使用 includes 和 startsWith 方法的示例代码：
-- -------------------- ---- ------- ----- --- - ------- -------- ----- ------ - -------- ----- --- - -- -- -------- -- ---------------------------------- -- ---- -------------------------------- ------ -- ----- -- ---------- -- ------------------------------------ -- ----- ---------------------------------- ------ -- ----
结论
通过本文的介绍，我们了解到了如何在ES7 中使用 includes 和 startsWith 方法来判断字符串是否包含特定字符或开头。这两个方法的优点在于简单易用，且可以有效地减少代码量，提高开发效率。同时，我们也需要注意这两个方法的使用注意事项，避免代码出错。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67222e262e7021665e0aad3b