本文讲解如何通过优化正则表达式，精准提取形如 XXX-XXX-XXXX 的北美格式电话号码，避免将 YYYY-MM-DD 类日期误识别为电话号码。
本文讲解如何通过优化正则表达式，精准提取形如 `xxx-xxx-xxxx` 的北美格式电话号码，避免将 `yyyy-mm-dd` 类日期误识别为电话号码。
在 JavaScript 中，使用 String.prototype.match() 提取电话号码时，若正则表达式过于宽泛，极易产生误匹配。例如，原始代码：
const htmlCode = 'call us at 517-156-4435 on the date 2002-01-23';
const phone = htmlCode.match(/[0-9]+-[0-9]+-[0-9]{2,}/)[0];该正则 /[0-9]+-[0-9]+-[0-9]{2,}/ 表示“一个或多个数字 + 连字符 + 一个或多个数字 + 连字符 + 至少两个数字”，因此会同时匹配 517-156-4435 和 2002-01-23（因末尾 23 满足 {2,} 条件）。
✅ 正确做法是明确限定每段数字的位数，针对标准北美电话号码格式（如 517-156-4435），应严格匹配：
- 前三位：[0-9]{3}
- 中三位：[0-9]{3}
- 后四位：[0-9]{4}
优化后的正则表达式为：
const phone = htmlCode.match(/\b\d{3}-\d{3}-\d{4}\b/)?.[0];
// 或更规范写法（推荐使用 \d 替代 [0-9]，并添加单词边界 \b）? 关键改进点说明：
- \d{3}-\d{3}-\d{4}：精确限定三段数字长度，彻底排除 2002-01-23（其年份为4位、月份为2位，不满足 3-3-4 结构）；
- \b（单词边界）：防止匹配到更长字符串中的子串（如 '123-456-7890x123' 中的 123-456-7890 不会被截断，但 'abc517-156-4435def' 因无边界将不匹配，提升准确性）；
- 使用可选链 ?.[0]：避免 match() 返回 null 时触发 Cannot read property '0' of null 错误，增强健壮性。
? 进阶建议：
- 若需支持多种格式（如 (517) 156-4435、517.156.4435、517 156 4435），可扩展为：
/\b(?:\(\d{3}\)\s?|\d{3}[-.\s]?)\d{3}[-.\s]?\d{4}\b/ - 对于生产环境，建议结合 RegExp.prototype.test() 预检，或使用 matchAll() 提取全部匹配项。
总结：正则设计的核心在于最小必要约束——用 {n} 替代 {n,}，用 \b 锚定位置，用 ?. 处理空匹配，三者结合即可显著提升电话号码提取的准确率与鲁棒性。
