在实际的前端开发或后台管理系统中,经常需要对用户输入的电话号码进行脱敏处理——比如在管理界面展示或日志输出时,只显示末几位数字,其余用掩码替代。然而现实中的电话号码格式五花八门:可能包含国际区号(+1)、各种分隔符(-、括号、空格),甚至末尾还附带多余符号。如何用一种干净利落的方式,把任意凌乱的号码统一转换为 xxx-xxx-XXXX 格式,仅保留最后4位真实数字?
仔细分析题目的所有测试用例,会发现一个非常巧妙的规律:所有目标结果都是 xxx-xxx- 加上原字符串的末4位数字。无论前面的数字有多少、干扰字符多复杂,最终暴露的只有最后4位。这意味着,我们根本不需要费力去提取全部数字再截取后10位——直接取原始字符串的末4位数字就足够了。
为什么这么简单?来看几个例子:
"+1-555-555-1234"→ 末4位是 "1234";"1(800)555-0199"→ 末4位是 "0199";"555 555 1234"→ 末4位是 "1234";"9898871234567"(13位)→ 末4位是 "4567";"9898871234567)"→ 末4位仍是 "4567"(右括号不影响slice(-4))。
⚠️ 这里有一个前提:输入字符串的末尾4个字符恰好是目标号码的末4位数字。在绝大多数真实场景中这成立——用户不会在号码末尾再加数字后再加符号。如果遇到极端情况(比如 "1234567890abc123"),那确实需要先清洗数字再取末4位。但就题设而言,直接使用 slice(-4) 安全、简洁且高效。
✅ 推荐实现方案(简洁且鲁棒)
const maskPhoneNumber = (phone) => {
// 提取字符串中所有数字,并取最后4位
const digits = phone.replace(/\D/g, ''); // \D 匹配所有非数字字符
const lastFour = digits.slice(-4);
return `xxx-xxx-${lastFour}`;
};
// 测试用例验证
console.log(maskPhoneNumber("+1-555-555-1234")); // "xxx-xxx-1234"
console.log(maskPhoneNumber("1(800)555-0199")); // "xxx-xxx-0199"
console.log(maskPhoneNumber("555 555 1234")); // "xxx-xxx-1234"
console.log(maskPhoneNumber("9898871234567")); // "xxx-xxx-4567"
console.log(maskPhoneNumber("9898871234567)")); // "xxx-xxx-4567"
