JavaScript中如何校验字符串（如手机号）不以指定无效字符串数组的任一元素开头

原代码的问题定位 #

• 判断逻辑反向：原写法substrings.some(v => str !== v)的触发条件是“无效列表中存在任意值与当前待检测串不全等”，几乎所有场景下该条件都会为真，完全达不到校验目的
• 匹配范围越界：如果调整判断逻辑为匹配任意位置的子串，会把字符串中间位置出现的无效子串判定为违规，不符合“仅校验字符串开头”的核心要求
• 匹配粒度不足：使用全串全等str === v做判断，只能拦截和无效值完全相同的字符串，无法覆盖“以无效值开头、后续附带其他字符”的常见场景（例如"070123456"以"070"开头，但和"070"本身并不相等）

推荐实现方案 #

核心规则：待检测字符串只要以无效数组中的任意元素为开头，就判定为不合法，其余情况为合法。

通用场景实现（ES6及以上全环境支持） #

直接使用字符串原生的startsWith方法做开头匹配，该方法只会校验字符串的起始位置，不会匹配中间的子串：

// 预先定义的无效前缀列表
let invalidPrefixes = ["070", "0870", "030"];

// 封装校验方法
const checkIsInvalid = (targetStr) => {
  // 遍历所有无效前缀，只要有一个前缀是待检测串的开头，就返回校验不通过
  return invalidPrefixes.some(prefix => targetStr.startsWith(prefix));
}

// 业务调用示例
const testMobile = "03012345678";
if (!checkIsInvalid(testMobile)) {
  // 校验通过，执行后续业务逻辑
}

说明：startsWith是Node.js和所有现代浏览器的原生兼容方法，语义完全匹配“校验字符串开头”的需求，不需要手动处理字符串截取的边界问题。

老旧环境兼容实现 #

如果需要兼容不支持startsWith的低版本环境（例如IE11及更早版本），可以手动截取字符串开头的等长片段做全等比较：

const checkIsInvalid = (targetStr) => {
  return invalidPrefixes.some(prefix => {
    // 从待检测串的起始位置，截取和无效前缀等长的片段做全等比较
    return targetStr.slice(0, prefix.length) === prefix;
  });
}

注意：禁止使用str.includes(prefix)实现匹配，该方法会检测字符串任意位置的子串，例如待检测串"123070456"会因为中间包含"070"被误判为不合法，完全偏离校验要求。

内容的提问来源于stack exchange，提问作者Udders