JS中的startsWith方法详解|极客笔记

JS中的startsWith方法详解

在JavaScript中，我们经常会碰到需要判断一个字符串是否以特定的字符开始的情况。在这种情况下，我们可以使用startsWith方法来快速准确地判断一个字符串是否以指定的字符开始。本文将详细介绍startsWith方法的用法和示例。

语法

startsWith方法的语法如下：

str.startsWith(searchString[, position])

searchString：必需。表示要搜索的子字符串。
position：可选。表示在字符串中搜索的起始位置，默认为0。

返回值

startsWith方法返回一个布尔值，如果字符串是以指定的子字符串开头，则返回true，否则返回false。

示例

下面我们通过几个示例来演示startsWith方法的用法。

示例一：判断一个字符串是否以指定的字符开头

const str = 'Hello, world!';

console.log(str.startsWith('Hello'));  // true
console.log(str.startsWith('hello'));  // false

上面的示例中，我们首先定义了一个字符串 Hello, world!，然后分别使用startsWith方法来判断字符串是否以Hello和hello开头，输出分别为true和false。

示例二：指定搜索的起始位置

const str = 'Hello, world!';

console.log(str.startsWith('world', 7));  // true
console.log(str.startsWith('world', 8));  // false

在这个示例中，我们在字符串Hello, world!中指定了搜索的起始位置，分别从索引为7和8的位置开始搜索world，得到不同的结果。

示例三：结合循环使用

const fruits = ['apple', 'banana', 'cherry'];

for (const fruit of fruits) {
  if (fruit.startsWith('a')) {
    console.log(`${fruit} starts with 'a'`);
  }
}

在这个示例中，我们遍历了一个水果数组，并通过startsWith方法判断水果名是否以字母a开头，然后输出符合条件的水果名。

兼容性

startsWith方法是ES6引入的新方法，因此在一些比较老的浏览器中可能不被支持。如果需要在不支持startsWith方法的环境中使用，可以考虑使用如下代码进行兼容处理：

if(!String.prototype.startsWith) {
  String.prototype.startsWith = function(search, pos) {
    return this.substr(!pos || pos < 0 ? 0 : +pos, search.length) === search;
  };
}

这段代码会在不支持startsWith方法的浏览器中进行一次Polyfill操作，使得我们可以在这些浏览器中使用startsWith方法。