迹忆客 专注技术分享

要检查字符串是否以子字符串开头，请对字符串调用 startsWith() 方法，并将子字符串作为参数传递给它。 如果字符串以子字符串开头，则 startsWith 方法返回 true，否则返回 false。

const str = 'hello world';

if (str.startsWith('hello')) {
  // 👇️ this runs
  console.log('✅ string starts with hello');
} else {
  console.log('⛔️ string does NOT start with hello');
}

我们使用 String.startsWith 方法来确定字符串是否以特定子字符串开头。

该方法返回一个布尔结果：

• 如果字符串以子字符串开头，则为真
• 如果没有则为假

startsWith 方法执行区分大小写的搜索，如果要忽略大小写，请在进行比较之前将字符串和子字符串转换为小写。

const str = 'HELLO world';
const substr = 'hello';

if (str.toLowerCase().startsWith(substr.toLowerCase())) {
  // 👇️ this runs
  console.log('✅ string starts with hello');
} else {
  console.log('⛔️ string does NOT start with hello');
}

Internet Explorer 不支持 startsWith 方法。 如果需要支持浏览器，请使用本文介绍的下一种方法。

使用 indexOf 检查 String 是否以 Substring 开头

要检查字符串是否以子字符串开头，请对字符串调用 indexOf() 方法，将子字符串作为参数传递给它。 如果 indexOf 方法返回 0，则字符串以子字符串开始，否则不是。

const str = 'hello world';
const substr = 'hello';

if (str.indexOf('hello') === 0) {
  // 👇️ this runs
  console.log('✅ string starts with hello');
} else {
  console.log('⛔️ string does NOT start with hello');
}

String.indexOf 方法返回字符串中子字符串第一次出现的索引。

如果子字符串不包含在字符串中，则返回 -1。

如果该方法返回 0，我们可以断定该字符串以子字符串开头。

此解决方案不如使用 startsWith 方法直接和可读，但如果我们必须支持 Internet Explorer，它就可以完成工作。

使用 Regex 检查字符串是否以指定的子字符串开头

要检查字符串是否以子字符串开头，请使用 test() 方法和匹配字符串开头的子字符串的正则表达式。 如果字符串以子字符串开头，测试方法将返回 true，否则返回 false。

if (/^abc/.test('abc123')) {
  // 👇️ this runs
  console.log('✅ string starts with abc');
} else {
  console.log('⛔️ string does NOT start with abc');
}

我们使用 RegExp.test 方法检查字符串是否以特定子字符串开头。

如果正则表达式在字符串中匹配，则该方法返回 true，否则返回 false。

正斜杠 // 标记正则表达式的开始和结束。插入符号 ^ 匹配输入的开头。

在此示例中，我们检查字符串 abc123 是否以子字符串 abc 开头。

如果在阅读正则表达式时需要帮助，请查看我们的正则表达式教程。

如果要使正则表达式不区分大小写，请添加 i 标志。

// 👇️ with `i` flag
if (/^abc/i.test('ABC123')) {
  // 👇️ this runs
  console.log('✅ string starts with abc');
} else {
  console.log('⛔️ string does NOT start with abc');
}

i 标志允许我们在字符串中执行不区分大小写的搜索。