本文介绍如何用 javascript 正则表达式准确匹配形如 `1-5`、`-3.5--1` 的数字范围字符串，并通过捕获组提取左右数值，再借助 js 数值比较确保左值小于右值。
在处理用户输入的数值区间（如配置范围、筛选条件）时，常需验证字符串格式是否合法且语义合理。例如 1-10.1、-2--1（负二到负一）这类无空格分隔的范围表达式，既需语法正确，又需逻辑成立（即左端点 ≤ 右端点）。正则表达式本身无法执行数值比较或算术判断，因此必须分两步：先格式校验与提取，再数值转换与逻辑验证。
✅ 推荐正则表达式（带说明）
/^(-?\d*\.?\d+)-(-?\d*\.?\d+)$/
- ^ 和 $：强制匹配整个字符串，防止部分匹配（如 "abc1-5def" 被误判）；
- (-?\d*\.?\d+)：捕获组匹配一个合法数字（整数或小数，可带负号）：
- -?：可选负号；
- \d*\.?\d+：核心数字模式——允许 .5（无整数位）、123（无小数点）、4.0 等，但排除 ., 1. 或 -. 等非法形式；
- -：字面量短横线（range separator）；
- 第二个 (-?\d*\.?\d+)：同理匹配右侧数字。
? 对比原提问中的 /(-?[0-9]+[.]*)+-(-?[0-9]+[.]*)+/：该正则存在严重缺陷——[.]* 允许零个或多个点（如 1..5），且未限定数字结构，会错误匹配 123---456 或 ..-..。
✅ 完整验证函数示例
function isValidNumberRange(str) {
const regex = /^(-?\d*\.?\d+)-(-?\d*\.?\d+)$/;
const match = str.match(regex);
if (!match) return false;
const [_, leftStr, rightStr] = match;
const left = parseFloat(leftStr);
const right = parseFloat(rightStr);
// 额外检查：确保转换后为有效数字（防 NaN）
if (isNaN(left) || isNaN(right)) return false;
return left <= right; // 语义正确性：左端点不大于右端点
}
// 测试用例
console.log(isValidNumberRange("1-5")); // true
console.log(isValidNumberRange("-2--1")); // true
console.log(isValidNumberRange("10.5-20.5")); // true
console.log(isValidNumberRange("-3.5--1")); // true
console.log(isValidNumberRange("5-1")); // false（顺序错误）
console.log(isValidNumberRange("1.2.3-4")); // false（非法格式）
console.log(isValidNumberRange("--1-2")); // false（双负号）⚠️ 注意事项与最佳实践
- 不要依赖正则做数值比较："10-2" 在正则层面完全合法，但语义错误；必须用 parseFloat() 转换后比较；
- 警惕边界情况：".5" 是合法小数（匹配 \d*\.?\d+），但 "." 或 "1." 不会匹配（因 \d+ 要求至少一位数字）；
- 避免浮点精度陷阱：若业务对精度要求极高（如金融场景），建议使用 BigInt 或专用 decimal 库处理大数，但本例中 parseFloat 已满足常规需求；
- 增强健壮性（可选）：可添加 trim() 预处理去除首尾空格，或用 ^\s*(-?\d*\.?\d+)\s*-\s*(-?\d*\.?\d+)\s*$ 支持宽松空白。
综上，正则负责“形状识别”，JavaScript 负责“语义判断”。二者协同，才能安全、准确地处理各类数字范围字符串。
