本文介绍如何使用 JavaScript 正则表达式精准提取字符串中符合规范的数字（支持可选负号和一位小数部分），避免错误地替换或截断，推荐采用 match() 主动捕获而非 replace() 被动清理。
本文介绍如何使用 javascript 正则表达式精准提取字符串中符合规范的数字（支持可选负号和一位小数部分），避免错误地替换或截断，推荐采用 `match()` 主动捕获而非 `replace()` 被动清理。
在处理用户输入或脏数据时，常需从杂乱字符串（如 "a-123.44x" 或 "--123.33-"）中提取合法数字。直接用 replace() 删除非数字字符容易误删关键符号（如负号 - 或小数点 .），导致结果失真（例如将 -123.44 变成 12344）。更可靠的方式是主动匹配目标模式——即用 String.prototype.match() 提取符合数字语法的子串。
推荐正则模式：/-?\d+(\.\d+)?/
该模式含义如下：
- -?：匹配零个或一个负号（不支持 + 号，若需支持可改为 [-+]?）；
- \d+：匹配至少一位数字；
- (\.\d+)?：匹配可选的小数部分，要求小数点后必须有至少一位数字（避免匹配孤立的 .）。
✅ 正确匹配示例：
- "a-123" → "-123"
- "+-123.44x" → "-123.44"（注意：+ 不参与匹配，- 作为符号被保留）
- "--123.33-" → "-123.33"
- "!-123-" → "-123"
❌ 不匹配示例：
- "abc" → null
- "123." → null（小数点后无数字）
- ".45" → null（缺少整数部分）
完整实现代码
function extractNumber(str) {
const match = str.match(/-?\d+(\.\d+)?/);
return match ? match[0] : null;
}
// 测试用例
const testCases = [
"--123", // → "-123"
"a-123", // → "-123"
"!-123-", // → "-123"
"+-123.44x", // → "-123.44"
"--123.33-", // → "-123.33"
"non-number", // → null
"123.45.67", // → "123.45"（只匹配首个合法数字）
];
testCases.forEach(s => console.log(`"${s}" → ${JSON.stringify(extractNumber(s))}`));
注意事项与进阶建议
- 不推荐 replace(/[^-\d.]/g, '')：会残留多余符号（如 "--123" → "--123"），且无法处理边界干扰（如 "a-123" → "-123" 表面正确，但 "x-123y" 也会变成 "-123"，而实际应提取 "-123" —— 此时 match 更语义清晰）。
- 若需支持科学计数法、+ 号或整数省略小数点（如 "123"），可扩展正则为 /[-+]?\d*\.?\d+(?:[eE][-+]?\d+)?/，但需注意贪婪匹配问题。
- 对于强类型需求，后续建议用 parseFloat() 验证提取结果是否为有效数字：!isNaN(parseFloat(res)) && isFinite(parseFloat(res))。
总之，“提取所要”比“删除不要”更安全、更可控——尤其在涉及数值符号和格式的关键场景中。
