如何使用正则表达式验证并解析数字范围字符串（支持正负整数/小数）

本文介绍如何用 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 负责“语义判断”。二者协同，才能安全、准确地处理各类数字范围字符串。