JavaScript实现手机号掩码时如何移除字符串开头的+1前缀

云原生阿岚

2026-8-29

手机号掩码格式化前置+1前缀处理最优方案

问题根因

现有代码未对提取出的纯数字串做前置国家码校验：当输入本身携带+1前缀时，replace(/\D/g, '') 会将前缀中的1保留，得到长度为11位的数字串，后续按10位本机号匹配分组的逻辑就会错位，最终格式化结果多出一位1，格式异常。

实现逻辑

最优实现只需要在提取纯数字后、正则匹配前增加一步前置1的裁剪逻辑，同时补全异常输入兜底，避免匹配失败时抛出JS错误：

先做空值兜底，null、undefined、空字符串直接返回原值
提取字符串中所有数字字符后，判断如果数字串长度为11位且首位是1（即携带了美国国家码），直接截掉首位的1，统一得到10位本机号码
对10位本机号做正则分组匹配，匹配失败直接返回原值，避免match返回null时读取数组下标报错
按要求拼接成+1(xxx)xxx-xxxx的标准格式返回

修复后完整代码

self.phoneNumberMasking = function (data) {
    if (!data) return data;
    // 提取所有纯数字
    const pureDigits = data.replace(/\D/g, '');
    // 裁剪前置的国家码1
    const localNumber = pureDigits.length === 11 && pureDigits.startsWith('1')
        ? pureDigits.slice(1)
        : pureDigits;
    // 匹配10位手机号分组
    const matchGroup = localNumber.match(/(\d{3})(\d{3})(\d{4})/);
    if (!matchGroup) return data;
    return `+1(${matchGroup[1]})${matchGroup[2]}-${matchGroup[3]}`;
}