Javascript 正则表达式正负十进制数

Question

我需要一个正则表达式，它可以匹配正负十进制值、空字符串（''）以及仅减号（'-'）。 由于我需要在处理数字字段更改的 function 中使用它，并且为了添加负值，用户首先添加“-”或删除旧值（“”），我需要匹配所有这 3 个条件。

所以，总而言之，正则表达式应该允许：

• 正负十进制值（也是 0）
• ""（空字符串）
• “-”（减号字符串）

到目前为止，我所拥有的是：

function sanitizeInputValue(value: string) {
  var re = new RegExp('^$|^-?\\d{1,9}(\\.\\d{1,2})?$');
  return value.match(re) === null ? 0 : value;
}

Answer 1

在从 function 返回之前，使用 javascript 的内置Number将字符串转换为数值。

另外，我修改了您的正则表达式，以便它可以接受像.23和0.2345这样的输入。

 function sanitizeInputValue(value) { var re = new RegExp('^$|^-?(\\d+)?(\\.?\\d*)?$'); return value.match(re) === null? 0: Number(value); } console.log(sanitizeInputValue("-23")); // -23 console.log(sanitizeInputValue("42.123")); // 42.123 console.log(sanitizeInputValue("-.34")); // -0.34 console.log(sanitizeInputValue("")); // 0 console.log(sanitizeInputValue("-8.")); // -8 console.log(sanitizeInputValue("-8.4")); // -8.4

Answer 2

您可以将带有小数部分的数字匹配为可选，因此您也可以仅匹配连字符^$|^-?(?:\d{1,9}(\.\d{1,2})?)?$

由于所有部分都是可选的，因此您可以省略^$ ，然后所有部分都是可选的。

^-?(?:\d{1,9}(?:\.\d{1,2})?)?$

解释

• ^字符串开头
• -? 可选连字符
• (?:非捕获组
  • \d{1,9}匹配一个数字 1-9 次
  • (?:\.\d{1,2})? 可选择匹配一个点和 1-2 位数字
• )? 关闭非捕获组并将其设为可选
• $字符串结束。

正则表达式演示

 var re = new RegExp("^-?(?:\\d{1,9}(?:\\.\\d{1,2})?)?$"); [ "", "-", "1", "1.2", "test", "1234567890", "1.123", "-2", "-2.6" ].forEach(s => console.log(s + " --> " + re.test(s)));

编辑

因为您还想匹配-8. 并且不想限制位数，您可以使用：

^-?(?:\d+\.?\d*)?$

解释

• ^字符串开头
• -? 可选-
• (?:非捕获组
  • \d+\.?\d*匹配 1+ 个数字、可选的点和 0+ 个数字
• )? 关闭组并使其可选
• $字符串结尾

正则表达式演示

 var re = new RegExp("^-?(?:\\d+\\.?\\d*)?$"); [ "-8.", "", "-", "1", "1.2", "test", "1234567890", "1.123", "-2", "-2.6" ].forEach(s => console.log(s + " --> " + re.test(s)) );

Answer 3

function sanitizeInputValue(value) {
  var re = /^$|\-?[0-9]\d*(\.\d*)?|-/;
  return value.match(re) ? value : 0;
}