ES8 中如何使用字符串的 starsWith() 和 endsWith() 方法判断以某个字符串开头或结尾？
随着前端开发的日益火爆，JavaScript 的新特性也不断涌现。其中，ES8 中引入了两个新方法：starsWith() 和 endsWith()。这两个方法都是用来判断字符串是否以某个字符串开头或结尾的，具有很强的实用性。下面我们来详细介绍一下如何使用它们。
使用 startsWith() 判断字符串是否以某个字符串开头
startsWith() 方法用于判断一个字符串是否以另一个指定的字符串开头。该方法的语法如下：
str.startsWith(searchString[, position])
其中，str 表示要进行判断的字符串，searchString 表示要搜索的字符串，position 表示可选参数，指定用来搜索的起始位置。如果省略 position 参数，则默认从字符串的开始处进行搜索。
下面是一个使用 startsWith() 方法的示例：
const str1 = "hello world";
console.log(str1.startsWith("hello")); // true
console.log(str1.startsWith("world")); // false从上面的代码可以看出，第一个 console 打印的结果为 true，说明 str1 以 "hello" 开头。而第二个 console 打印的结果为 false，说明 str1 不以 "world" 开头。
使用 endsWith() 判断字符串是否以某个字符串结尾
endsWith() 方法用于判断一个字符串是否以另一个指定的字符串结尾。该方法的语法如下：
str.endsWith(searchString[, position])
其中，str 表示要进行判断的字符串，searchString 表示要搜索的字符串，position 表示可选参数，指定用来搜索的终止位置。如果省略 position 参数，则默认从字符串的结尾处进行搜索。
下面是一个使用 endsWith() 方法的示例：
const str2 = "hello world";
console.log(str2.endsWith("world")); // true
console.log(str2.endsWith("hello")); // false从上面的代码可以看出，第一个 console 打印的结果为 true，说明 str2 以 "world" 结尾。而第二个 console 打印的结果为 false，说明 str2 不以 "hello" 结尾。
学习与指导意义
通过学习 starsWith() 和 endsWith() 方法，我们可以更方便地判断一个字符串是否以某个字符串开头或结尾，进而做出相应的逻辑处理。在实际开发中，这很有用。
在使用这两个方法时，我们需要注意以下几点：
- startsWith() 和 endsWith() 方法都是区分大小写的。
- 可以使用 position 参数来指定搜索的起始或终止位置。
- 这两个方法都是 ES6 新增的特性，可能不兼容一些旧版本的浏览器。因此，我们需要做好兼容性处理。
下面是一段完整的示例代码：
const str3 = "hello world";
console.log(str3.startsWith("hello")); // true
console.log(str3.startsWith("world")); // false
console.log(str3.endsWith("world")); // true
console.log(str3.endsWith("hello")); // false通过运行上面的代码，我们可以清晰地看到 startsWith() 和 endsWith() 方法的使用效果。
总之，掌握这两个方法可以提高我们的开发效率。希望本文能对您有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67821027935627c900f5741d
