本文介绍一种简洁高效的JavaScript方法，将任意格式的电话号码（含括号、连字符、空格等特殊字符）统一转换为掩码格式 xxx-xxx-XXXX，仅保留末4位真实数字，其余数字均替换为 x。
本文介绍一种简洁高效的javascript方法，将任意格式的电话号码（含括号、连字符、空格等特殊字符）统一转换为掩码格式 `xxx-xxx-xxxx`，仅保留末4位真实数字，其余数字均替换为 `x`。
在实际开发中，常需对用户输入的电话号码进行脱敏展示（如后台管理界面或日志输出），但原始号码格式千差万别：可能包含国际区号（+1）、分隔符（-、(、)）、空格，甚至尾随垃圾字符（如 )）。关键需求是——忽略所有非数字字符，提取最后10位有效数字，再按 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) 安全、简洁、高效。
Product Manager Skills下载一款AI工具，主要用于产品经理技能，适用于 Claude Code、Codex、Cursor 和 Windsurf。涵盖 SaaS 指标诊断、PRD 评审、路线图规划、需求探索，以及面向产品经理的职业转型辅导等，适合需要提升相关任务效率的用户。
✅ 推荐实现（简洁鲁棒）
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"
? 进阶说明：为何比原始正则更可靠？
原始代码 phone.replace(/\d{3}(?!\d?$)/g, 'xxx-') 存在根本缺陷：
- 它尝试匹配“非结尾的3位数字”并替换，但无法处理跨分隔符的数字分组；
- 对 "(800)555-0199" 中的 800 和 555 可能误替换，而 0199 因位于结尾不被匹配，导致结果不一致；
- 且未做数字清洗，易受干扰字符影响。
而 replace(/\D/g, '') 先彻底剥离所有非数字字符，再 slice(-4) 精确获取末4位，逻辑清晰、无歧义、兼容性强。
✅ 总结
- 核心原则：掩码的本质是隐藏敏感信息，而非还原原始结构；聚焦末4位即可满足业务脱敏要求。
- 最佳实践：优先使用 /\D/g 清洗 → slice(-4) 提取 → 拼接固定掩码前缀。
-
扩展建议：如需支持更多校验（如确保至少10位数字），可在清洗后增加长度判断：
if (digits.length
该方案兼顾简洁性、可读性与健壮性，是电话号码前端脱敏的推荐解法。
