电话号码标准化掩码格式的实现方法详解

在实际的前端开发或后台管理系统中，经常需要对用户输入的电话号码进行脱敏处理——比如在管理界面展示或日志输出时，只显示末几位数字，其余用掩码替代。然而现实中的电话号码格式五花八门：可能包含国际区号（+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"