ChatGPT解决这个技术问题 Extra ChatGPT

如何检查字符串是否为有效数字?

我希望在与旧的 VB6 IsNumeric() 函数相同的概念空间中有一些东西?

请参阅this related question,这是我前段时间提出的。
如果您回答这个问题,请尝试跳过所有 RegEx 答案。那不是这样做的方法。
除非有人想这样做:检查给定的字符串是否具有有效数字流的格式。那为什么会错呢?
选择的答案不正确!!! 查看它的评论,但基本上它会失败,例如 isNaN("")isNaN(" ")isNaN(false) 等。它为这些返回 false,暗示他们是数字。
所以选择的答案不正确,正则表达式也不是这样做的方法。那么哪一个是正确的呢?

D
Dan

2020 年 10 月 2 日:请注意,许多简单的方法都充满了细微的错误(例如空格、隐式部分解析、基数、数组强制等),这里的许多答案都没有考虑到这些错误帐户。以下实现可能对您有用,但请注意,它不支持除小数点“.”以外的数字分隔符:

function isNumeric(str) {
  if (typeof str != "string") return false // we only process strings!  
  return !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
         !isNaN(parseFloat(str)) // ...and ensure strings of whitespace fail
}

要检查变量(包括字符串)是否为数字,请检查它是否不是数字:

无论变量内容是字符串还是数字,这都有效。

isNaN(num)         // returns true if the variable does NOT contain a valid number

例子

isNaN(123)         // false
isNaN('123')       // false
isNaN('1e10000')   // false (This translates to Infinity, which is a number)
isNaN('foo')       // true
isNaN('10px')      // true
isNaN('')          // false
isNaN(' ')         // false
isNaN(false)       // false

当然,如果需要,您可以否定这一点。例如,要实现您给出的 IsNumeric 示例:

function isNumeric(num){
  return !isNaN(num)
}

要将包含数字的字符串转换为数字:

仅当字符串 only 包含数字字符时才有效,否则返回 NaN

+num               // returns the numeric value of the string, or NaN 
                   // if the string isn't purely numeric characters

例子

+'12'              // 12
+'12.'             // 12
+'12..'            // NaN
+'.12'             // 0.12
+'..12'            // NaN
+'foo'             // NaN
+'12px'            // NaN

将字符串松散地转换为数字

用于将 '12px' 转换为 12,例如:

parseInt(num)      // extracts a numeric value from the 
                   // start of the string, or NaN.

例子

parseInt('12')     // 12
parseInt('aaa')    // NaN
parseInt('12px')   // 12
parseInt('foo2')   // NaN      These last three may
parseInt('12a5')   // 12       be different from what
parseInt('0x10')   // 16       you expected to see.

花车

请记住,与 +num 不同,parseInt(顾名思义)会将浮点数转换为整数,方法是去掉小数点后的所有内容(如果您想使用 parseInt() 因为 这种行为,you're probably better off using another method instead):

+'12.345'          // 12.345
parseInt(12.345)   // 12
parseInt('12.345') // 12

空字符串

空字符串可能有点违反直觉。 +num 将空字符串或带空格的字符串转换为零,isNaN() 假设相同:

+''                // 0
+'   '             // 0
isNaN('')          // false
isNaN('   ')       // false

parseInt() 不同意:

parseInt('')       // NaN
parseInt('   ')    // NaN

关于 parseInt 的一个非常重要的注意事项是,它允许您指定一个基数来将字符串转换为 int。这是一个很大的问题,因为如果你不提供它,它会试图为你猜测一个基数。因此,例如:parseInt("17") 结果为 17(十进制,10),但 parseInt("08") 结果为 0(八进制,8)。因此,除非您另有打算,否则使用 parseInt(number, 10) 是最安全的,明确指定 10 作为基数。
请注意,!isNaN(undefined) 返回 false。
这完全是错误的——它是如何得到这么多支持的?您不能使用 isNaN“检查变量是否不是数字”。 “不是数字”与 isNaN 测试的“IEEE-794 NaN”不同。特别是,至少在测试布尔值和空字符串时,这种用法会失败。请参阅developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
检查某事物是否为数字的最快方法是“等于自我”检查:var n = 'a'; if (+n === +n) { // is number } 在最新版本的 Chrome 中,它比 isNaN 快约 3994%。在此处查看性能测试:jsperf.com/isnan-vs-typeof/5
**警告**这个答案是错误的。使用风险自负。示例:isNaN(1 + false + parseInt("1.do you trust your users?"))
A
A1rPun

如果您只是想检查一个字符串是否是一个整数(没有小数位),那么正则表达式是一个不错的方法。 isNaN 等其他方法对于如此简单的事情来说太复杂了。

function isNumeric(value) {
    return /^-?\d+$/.test(value);
}

console.log(isNumeric('abcd'));         // false
console.log(isNumeric('123a'));         // false
console.log(isNumeric('1'));            // true
console.log(isNumeric('1234567890'));   // true
console.log(isNumeric('-23'));          // true
console.log(isNumeric(1234));           // true
console.log(isNumeric(1234n));          // true
console.log(isNumeric('123.4'));        // false
console.log(isNumeric(''));             // false
console.log(isNumeric(undefined));      // false
console.log(isNumeric(null));           // false

只允许正整数使用这个:

function isNumeric(value) {
    return /^\d+$/.test(value);
}

console.log(isNumeric('123'));          // true
console.log(isNumeric('-23'));          // false

console.log(isNumeric('-1'));
console.log(isNumeric('2e2'));
也许只是将“isNumeric”重命名为“hasOnlyDigits”。在许多情况下,这正是您正在寻找的支票。
这就是我要找的,相当于 php ctype_digit
稍微好一点.. 禁止来自阿拉伯语等语言的数字字符 /^[0-9]+$/.test(value)
J
Jan Schultke

你可以走正则表达式的方式:

var num = "987238";

if(num.match(/^-?\d+$/)){
  //valid integer (positive or negative)
}else if(num.match(/^\d+\.\d+$/)){
  //valid float
}else{
  //not valid number
}

在这种情况下,RegExp == bad
这在十六进制数(例如 0x12)、没有前导零的浮点数(例如 .42)和负数上失败。
@JoelCoehoorn 想详细说明为什么 RegExp == 在这里不好?对我来说似乎是一个有效的用例。
建立数字的方法比看起来要多(另一条评论中的十六进制数字只是一个例子),并且有许多数字可能不被认为是有效的(溢出类型、过于精确等)。此外,正则表达式比仅使用内置机制更慢且更复杂
还应该匹配科学记数法... 1e10 等。
H
Hamzeen Hameem

这个问题的公认答案有很多缺陷(正如其他几个用户所强调的那样)。这是在 javascript 中处理它的最简单且经过验证的方法之一:

function isNumeric(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

下面是一些很好的测试用例:

console.log(isNumeric(12345678912345678912)); // true
console.log(isNumeric('2 '));                 // true
console.log(isNumeric('-32.2 '));             // true
console.log(isNumeric(-32.2));                // true
console.log(isNumeric(undefined));            // false

// the accepted answer fails at these tests:
console.log(isNumeric(''));                   // false
console.log(isNumeric(null));                 // false
console.log(isNumeric([]));                   // false

parseFloat 对于这个应用程序来说是不够的,因为当它遇到第一个不能被解析为数字的字符时,它会返回一个到目前为止解析过的有效数字。例如。 parseFloat('1.1ea10') === 1.1
请注意,如果您使用 Number.isNan 和 Number.isFinite,这将不起作用。
对于字符串 Number.isNaNNumber.isFinite 将不起作用,因为它们不会将字符串转换为数字。
M
Michael

如果您确实想确保字符串只包含一个数字、任何数字(整数或浮点数)以及完全是一个数字,您不能使用 parseInt()/ parseFloat(), Number() , 或 !isNaN() 自己。请注意,当 Number() 将返回一个数字时,!isNaN() 实际上返回 true,而当它返回 NaN 时,false 将返回,因此我将在其余讨论中排除它。

parseFloat() 的问题在于,如果字符串包含任何数字,它将返回一个数字,即使该字符串不包含 only 并且 exactly 一个数字:

parseFloat("2016-12-31")  // returns 2016
parseFloat("1-1") // return 1
parseFloat("1.2.3") // returns 1.2

Number() 的问题在于它会在传递的值根本不是数字的情况下返回一个数字!

Number("") // returns 0
Number(" ") // returns 0
Number(" \u00A0   \t\n\r") // returns 0

滚动自己的正则表达式的问题在于,除非您创建精确的正则表达式来匹配 Javascript 识别的浮点数,否则您将错过案例或识别不应该的案例。即使你可以推出自己的正则表达式,为什么?有更简单的内置方法可以做到这一点。

然而,事实证明 Number()(和 isNaN())对于 parseFloat() 返回一个不应该返回的数字的每种情况都是正确的,反之亦然。因此,要确定一个字符串是否真的完全是一个数字,请调用这两个函数并查看它们是否 both 返回 true:

function isNumber(str) {
  if (typeof str != "string") return false // we only process strings!
  // could also coerce to string: str = ""+str
  return !isNaN(str) && !isNaN(parseFloat(str))
}

当字符串有前导或尾随空格时,这将返回 true。 ' 1''2 '' 3 ' 都返回 true。
在返回语句中添加这样的东西可以解决这个问题: && !/^\s+|\s+$/g.test(str)
@RuudLenders - 大多数人不会关心是否有尾随空格被删除以使字符串成为有效数字,因为它很容易意外地在许多界面中放入额外的空格。
如果数字字符串来自用户输入,这是正确的。但我认为无论如何我都应该提到空格,因为我认为大多数需要 isNumber 函数的人并没有处理用户界面。此外,良好的数字输入不允许以空格开头。
t
tanguy_k

试试 isNan function

isNaN() 函数判断一个值是否为非法数字(Not-a-Number)。如果值等于 NaN,则此函数返回 true。否则返回false。此函数不同于数字特定的 Number.isNaN() 方法。全局 isNaN() 函数,将测试值转换为数字,然后对其进行测试。 Number.isNan() 不会将值转换为数字,并且不会为任何非数字类型的值返回 true...


确保为空字符串添加检查。 isNaN('') 返回 false,但在这种情况下您可能希望它返回 true。
isFinite 是一个更好的检查 - 它处理 Infinity 的奇怪角落案例
@MichaelHaren 不够好! isNaN() 为仅包含空格字符的 ANY 字符串返回 false,包括诸如“\u00A0”之类的内容。
警告:不适用于以下值:null、“”(空字符串)和 false。
我意识到这个答案是在 11 年前给出的,比被接受的答案早几分钟,但不管你喜不喜欢,被接受的答案围绕它有更多的对话,所以这个答案并没有真正增加回答这个问题的任何内容。我建议删除它,以免分散新读者的注意力。我还认为,如果您这样做,您将获得纪律严明的徽章。
m
mark

老问题,但在给定的答案中缺少几点。

科学计数法。

!isNaN('1e+30')true,但是在大多数情况下,当人们询问数字时,他们不想匹配 1e+30 之类的东西。

大的浮点数可能表现得很奇怪

观察(使用 Node.js):

> var s = Array(16 + 1).join('9')
undefined
> s.length
16
> s
'9999999999999999'
> !isNaN(s)
true
> Number(s)
10000000000000000
> String(Number(s)) === s
false
>

另一方面:

> var s = Array(16 + 1).join('1')
undefined
> String(Number(s)) === s
true
> var s = Array(15 + 1).join('9')
undefined
> String(Number(s)) === s
true
>

因此,如果您期望 String(Number(s)) === s,那么最好将您的字符串限制为最多 15 位数字(在省略前导零之后)。

无穷

> typeof Infinity
'number'
> !isNaN('Infinity')
true
> isFinite('Infinity')
false
>

鉴于这一切,检查给定的字符串是一个满足以下所有条件的数字:

非科学记数法

可预测地转换为数字并返回字符串

有限

不是一件容易的事。这是一个简单的版本:

  function isNonScientificNumberString(o) {
    if (!o || typeof o !== 'string') {
      // Should not be given anything but strings.
      return false;
    }
    return o.length <= 15 && o.indexOf('e+') < 0 && o.indexOf('E+') < 0 && !isNaN(o) && isFinite(o);
  }

然而,即使是这一点也远未完成。此处不处理前导零,但它们确实会影响长度测试。


“但是在大多数情况下,当人们询问数字时,他们不想匹配 1e+30 之类的东西” 为什么会这样说?如果有人想知道一个字符串是否包含一个数字,在我看来他们想知道它是否包含一个数字,而 1e+30 是一个数字。当然,如果我在 JavaScript 中测试一个字符串的数值,我会希望它匹配。
J
Jeremy

2019:包括 ES3、ES6 和 TypeScript 示例

也许这已经被重新讨论了太多次,但是我今天也和这个打了一架,想发布我的答案,因为我没有看到任何其他简单或彻底的答案:

ES3

var isNumeric = function(num){
    return (typeof(num) === 'number' || typeof(num) === "string" && num.trim() !== '') && !isNaN(num);  
}

ES6

const isNumeric = (num) => (typeof(num) === 'number' || typeof(num) === "string" && num.trim() !== '') && !isNaN(num);

打字稿

const isNumeric = (num: any) => (typeof(num) === 'number' || typeof(num) === "string" && num.trim() !== '') && !isNaN(num as number);

这看起来很简单,涵盖了我在许多其他帖子中看到的所有基础并自己想出了:

// Positive Cases
console.log(0, isNumeric(0) === true);
console.log(1, isNumeric(1) === true);
console.log(1234567890, isNumeric(1234567890) === true);
console.log('1234567890', isNumeric('1234567890') === true);
console.log('0', isNumeric('0') === true);
console.log('1', isNumeric('1') === true);
console.log('1.1', isNumeric('1.1') === true);
console.log('-1', isNumeric('-1') === true);
console.log('-1.2354', isNumeric('-1.2354') === true);
console.log('-1234567890', isNumeric('-1234567890') === true);
console.log(-1, isNumeric(-1) === true);
console.log(-32.1, isNumeric(-32.1) === true);
console.log('0x1', isNumeric('0x1') === true);  // Valid number in hex
// Negative Cases
console.log(true, isNumeric(true) === false);
console.log(false, isNumeric(false) === false);
console.log('1..1', isNumeric('1..1') === false);
console.log('1,1', isNumeric('1,1') === false);
console.log('-32.1.12', isNumeric('-32.1.12') === false);
console.log('[blank]', isNumeric('') === false);
console.log('[spaces]', isNumeric('   ') === false);
console.log('null', isNumeric(null) === false);
console.log('undefined', isNumeric(undefined) === false);
console.log([], isNumeric([]) === false);
console.log('NaN', isNumeric(NaN) === false);

您还可以尝试自己的 isNumeric 函数,然后在这些用例中过去并扫描所有这些用例是否为“true”。

或者,查看每个返回的值:

https://i.stack.imgur.com/4MTpf.png


好,除了 '0x10' (返回真!)
@S.Serpooshan,0x10 应该返回 true,它是一个十六进制数。 0x1 显示在测试用例中,预计返回 true,它是一个数字。如果您的特定用例要求将十六进制数字视为字符串,那么您将需要稍微不同地编写解决方案。
是的,这取决于我们的场景
J
JohnP2

我已经测试过,迈克尔的解决方案是最好的。投票给他上面的答案(在此页面中搜索“如果您真的想确保一个字符串”以找到它)。本质上,他的回答是这样的:

function isNumeric(num){
  num = "" + num; //coerce num to be a string
  return !isNaN(num) && !isNaN(parseFloat(num));
}

它适用于我在此处记录的每个测试用例:https://jsfiddle.net/wggehvp9/5/

对于这些边缘情况,许多其他解决方案都失败了:''、null、""、true 和 []。理论上,您可以使用它们,并进行适当的错误处理,例如:

return !isNaN(num);

或者

return (+num === +num);

对 /\s/、null、""、true、false、[](和其他?)进行特殊处理


对于尾随/前导空格,这仍然返回 true。在返回语句中添加这样的东西可以解决这个问题: && !/^\s+|\s+$/g.test(str)
所以“123”应该是假的,不是数字,而“1234”应该是数字?我喜欢它的样子,所以“123”是一个数字,但是如果前导或尾随空格应该改变值,这可能取决于开发人员的判断。
C
Community

将参数传递给其构造函数时,您可以使用 Number 的结果。

如果参数(字符串)无法转换为数字,则返回 NaN,因此您可以确定提供的字符串是否为有效数字。

注意:注意当传递空字符串或 '\t\t''\n\t' 作为 Number 将返回 0;传递 true 将返回 1,而 false 返回 0。

    Number('34.00') // 34
    Number('-34') // -34
    Number('123e5') // 12300000
    Number('123e-5') // 0.00123
    Number('999999999999') // 999999999999
    Number('9999999999999999') // 10000000000000000 (integer accuracy up to 15 digit)
    Number('0xFF') // 255
    Number('Infinity') // Infinity  

    Number('34px') // NaN
    Number('xyz') // NaN
    Number('true') // NaN
    Number('false') // NaN

    // cavets
    Number('    ') // 0
    Number('\t\t') // 0
    Number('\n\t') // 0

Number 构造函数与 +x 完全相同。
作为旁注,请记住 ES6 Number() 也处理浮点数,例如 Number.parseFloat() 而不是 Number.parseInt()
佚名

也许有一两个遇到这个问题的人需要比平时更严格的检查(就像我一样)。在这种情况下,这可能很有用:

if(str === String(Number(str))) {
  // it's a "perfectly formatted" number
}

谨防!这将拒绝 .140.00008000.1 等字符串。它非常挑剔 - 字符串必须与数字的“最简完美形式”匹配才能通过此测试。

它使用 StringNumber 构造函数将字符串转换为数字并再次返回,从而检查 JavaScript 引擎的“完美最小形式”(它使用初始 Number 构造函数转换为的形式)是否匹配原始字符串。


谢谢@JoeRocc。我也需要这个,但只适用于整数,所以我添加了:(str === String(Math.round(Number(str))))
请注意,"Infinity""-Infinity""NaN" 通过了此测试。但是,可以使用附加的 Number.isFinite 测试来解决此问题。
这与 str === ("" + +str) 完全相同。它基本上检查字符串是否是字符串化 JS 编号的结果。知道了这一点,我们还可以看到一个问题:0.000001 的测试通过但 0.0000001 的测试失败,而 1e-7 则通过了。对于非常大的数字也是如此。
这个答案是不正确的。 1e10 是“完全有效且已格式化”,但未能通过此算法。
H
Hasan Nahiyan Nobel

TL;博士

这在很大程度上取决于您要解析为数字的内容。

内置函数比较

由于没有一个现有的资源能满足我的灵魂,我试图弄清楚这些函数到底发生了什么。

这个问题的三个直接答案感觉就像:

!isNaN(input) (给出与 +input === +input 相同的输出) !isNaN(parseFloat(input)) isFinite(input)

但是它们中的任何一个在每种情况下都是正确的吗?

我在几个案例中测试了这些函数,并生成了降价输出。这是它的样子:

输入 !isNaN(input) 或 +input===+input !isNaN( parseFloat(input)) isFinite(input) 评论 123 ✔️ ✔️ ✔️ - '123' ✔️ ✔️ ✔️ - 12.3 ✔️ ✔️ ✔️ - '12.3' ✔️ ✔️ ✔️ - '12.3' ✔️ ✔️ ✔️ 如预期的那样修剪了空白。 1_000_000 ✔️ ✔️ ✔️ 理解数字分隔符,也是预期的。 '1_000_000' ❌ ✔️ ❌ 惊喜! JS 只是不会解析字符串中的数字分隔符。有关详细信息,请检查此问题。 (为什么然后将其解析为浮点数?嗯,它没有。😉)'0b11111111' ✔️ ✔️ ✔️ 理解二进制形式,因为它应该有。 '0o377' ✔️ ✔️ ✔️ 八进制形式也可以理解。 '0xFF' ✔️ ✔️ ✔️ 当然可以理解十六进制。有人有其他想法吗? 😒 '' ✔️ ❌ ✔️ 空字符串应该是数字吗? ' ' ✔️ ❌ ✔️ 只有空格的字符串应该是数字吗? 'abc' ❌ ❌ ❌ 每个人都同意,而不是一个数字。 '12.34Ab!@#$' ❌ ✔️ ❌ 啊!现在很容易理解 parseFloat() 的作用了。对我来说并不令人印象深刻,但在某些情况下可能会派上用场。 '10e100' ✔️ ✔️ ✔️ 10100 确实是一个数字。但是要小心!它比最大安全整数值 253(约 9×1015)大得多。阅读本文了解详情。 '10e1000' ✔️ ✔️ ❌ 跟我说,帮忙!虽然不像看起来那么疯狂。在 JavaScript 中,大于 ~10308 的值会四舍五入为无穷大,这就是原因。在这里查看详细信息。是的,isNaN() 将无穷大视为一个数字,而 parseFloat() 将无穷大解析为无穷大。 null ✔️ ❌ ✔️ 现在这很尴尬。在 JS 中,当需要转换时,null 变为零,我们得到一个有限数。那么为什么 parseFloat(null) 应该在这里返回一个 NaN 呢?有人请给我解释一下这个设计概念。 undefined ❌ ❌ ❌ 正如预期的那样。 Infinity ✔️ ✔️ ❌ 如前所述,isNaN() 将无穷大视为一个数字,而 parseFloat() 将无穷大解析为无穷大。

那么......他们中的哪一个是“正确的”?

现在应该很清楚了,很大程度上取决于我们需要什么。例如,我们可能希望将空输入视为 0。在这种情况下,isFinite() 可以正常工作。

同样,当需要将 1010000000000 视为有效数字时,也许我们会从 isNaN() 获得一点帮助(尽管问题仍然存在——为什么会这样,我们将如何处理)!

当然,我们可以手动排除任何场景。

就像我的情况一样,我需要 isFinite() 的输出,除了 null 情况、空字符串情况和只有空格的字符串情况。此外,我对 非常庞大 的数字并不感到头疼。所以我的代码看起来像这样:

/**
 * My necessity was met by the following code.
 */

if (input === null) {
    // Null input
} else if (input.trim() === '') {
    // Empty or whitespace-only string
} else if (isFinite(input)) {
    // Input is a number
} else {
    // Not a number
}

而且,这是我生成表格的 JavaScript:

/**
 * Note: JavaScript does not print numeric separator inside a number.
 * In that single case, the markdown output was manually corrected.
 * Also, the comments were manually added later, of course.
 */

let inputs = [
    123, '123', 12.3, '12.3', '   12.3   ',
    1_000_000, '1_000_000',
    '0b11111111', '0o377', '0xFF',
    '', '    ',
    'abc', '12.34Ab!@#$',
    '10e100', '10e1000',
    null, undefined, Infinity];

let markdownOutput = `| \`input\` | \`!isNaN(input)\` or <br>\`+input === +input\` | \`!isNaN(parseFloat(input))\` | \`isFinite(input)\` | Comment |
| :---: | :---: | :---: | :---: | :--- |\n`;

for (let input of inputs) {
    let outputs = [];
    outputs.push(!isNaN(input));
    outputs.push(!isNaN(parseFloat(input)));
    outputs.push(isFinite(input));

    if (typeof input === 'string') {
        // Output with quotations
        console.log(`'${input}'`);
        markdownOutput += `| '${input}'`;
    } else {
        // Output without quotes
        console.log(input);
        markdownOutput += `| ${input}`;
    }

    for (let output of outputs) {
        console.log('\t' + output);
        if (output === true) {
            markdownOutput += ` | <div style="color:limegreen">true</div>`;
            // markdownOutput += ` | ✔️`; // for stackoverflow
        } else {
            markdownOutput += ` | <div style="color:orangered">false</div>`;
            // markdownOutput += ` | ❌`; // for stackoverflow
        }
    }

    markdownOutput += ` ||\n`;
}

// Replace two or more whitespaces with $nbsp;
markdownOutput = markdownOutput.replaceAll(`  `, `&nbsp;&nbsp;`);

// Print markdown to console
console.log(markdownOutput);

c
chickens

有人也可能从基于正则表达式的答案中受益。这里是:

一个衬垫是整数:

const isInteger = num => /^-?[0-9]+$/.test(num+'');

一班是数字:接受整数和小数

const isNumeric = num => /^-?[0-9]+(?:\.[0-9]+)?$/.test(num+'');

这存在将空格视为无效字符的问题,如果这不是您想要的,那么请使用 const isInteger = num => /^\s*-?[0-9]+\s*$/.test(num+'');const isNumeric = num => /^\s*-?[0-9]+(?:\.[0-9]+)\s*?$/.test(num+'');
@yoelhalb 空格是数字的无效字符。您可以在传递之前修剪字符串。
U
Ultroman the Tacoman

为什么jQuery的实现不够好?

function isNumeric(a) {
    var b = a && a.toString();
    return !$.isArray(a) && b - parseFloat(b) + 1 >= 0;
};

Michael 提出了这样的建议(尽管我在这里偷了“user1691651 - John”的修改版本):

function isNumeric(num){
    num = "" + num; //coerce num to be a string
    return !isNaN(num) && !isNaN(parseFloat(num));
}

以下是最有可能性能不佳但结果可靠的解决方案。它是由 jQuery 1.12.4 实现和 Michael 的答案制成的装置,对前导/尾随空格进行了额外检查(因为 Michael 的版本对带有前导/尾随空格的数字返回 true):

function isNumeric(a) {
    var str = a + "";
    var b = a && a.toString();
    return !$.isArray(a) && b - parseFloat(b) + 1 >= 0 &&
           !/^\s+|\s+$/g.test(str) &&
           !isNaN(str) && !isNaN(parseFloat(str));
};

不过,后一个版本有两个新变量。可以通过以下方式绕过其中之一:

function isNumeric(a) {
    if ($.isArray(a)) return false;
    var b = a && a.toString();
    a = a + "";
    return b - parseFloat(b) + 1 >= 0 &&
            !/^\s+|\s+$/g.test(a) &&
            !isNaN(a) && !isNaN(parseFloat(a));
};

除了手动测试我将在当前困境中遇到的少数用例之外,我还没有通过其他方式对这些中的任何一个进行过很多测试,这些都是非常标准的东西。这是一种“站在巨人的肩膀上”的局面。


J
J.P. Duvet

2019:实用且严格的数值有效性检查

通常,“有效数”是指不包括 NaN 和 Infinity 的 Javascript 数,即“有限数”。

要检查值的数值有效性(例如来自外部源),您可以在 ESlint Airbnb 样式中定义:

/**
 * Returns true if 'candidate' is a finite number or a string referring (not just 'including') a finite number
 * To keep in mind:
 *   Number(true) = 1
 *   Number('') = 0
 *   Number("   10  ") = 10
 *   !isNaN(true) = true
 *   parseFloat('10 a') = 10
 *
 * @param {?} candidate
 * @return {boolean}
 */
function isReferringFiniteNumber(candidate) {
  if (typeof (candidate) === 'number') return Number.isFinite(candidate);
  if (typeof (candidate) === 'string') {
    return (candidate.trim() !== '') && Number.isFinite(Number(candidate));
  }
  return false;
}

并以这种方式使用它:

if (isReferringFiniteNumber(theirValue)) {
  myCheckedValue = Number(theirValue);
} else {
  console.warn('The provided value doesn\'t refer to a finite number');
}

G
Greg Wozniak

它对 TypeScript 无效,因为:

declare function isNaN(number: number): boolean;

对于 TypeScript,您可以使用:

/^\d+$/.test(key)


/^\d+$/.test("-1") // false 要将 isNaN 与 TS 中的非数字一起使用,您只需将值转换为 any,或使用此处使用 NumberparseFloat 等的其他更全面的解决方案之一。
A
Abtin Gramian

当防范空字符串和null

// Base cases that are handled properly
Number.isNaN(Number('1')); // => false
Number.isNaN(Number('-1')); // => false
Number.isNaN(Number('1.1')); // => false
Number.isNaN(Number('-1.1')); // => false
Number.isNaN(Number('asdf')); // => true
Number.isNaN(Number(undefined)); // => true

// Special notation cases that are handled properly
Number.isNaN(Number('1e1')); // => false
Number.isNaN(Number('1e-1')); // => false
Number.isNaN(Number('-1e1')); // => false
Number.isNaN(Number('-1e-1')); // => false
Number.isNaN(Number('0b1')); // => false
Number.isNaN(Number('0o1')); // => false
Number.isNaN(Number('0xa')); // => false

// Edge cases that will FAIL if not guarded against
Number.isNaN(Number('')); // => false
Number.isNaN(Number(' ')); // => false
Number.isNaN(Number(null)); // => false

// Edge cases that are debatable
Number.isNaN(Number('-0b1')); // => true
Number.isNaN(Number('-0o1')); // => true
Number.isNaN(Number('-0xa')); // => true
Number.isNaN(Number('Infinity')); // => false 
Number.isNaN(Number('INFINITY')); // => true  
Number.isNaN(Number('-Infinity')); // => false 
Number.isNaN(Number('-INFINITY')); // => true  

当不防范空字符串和null

使用 parseInt

// Base cases that are handled properly
Number.isNaN(parseInt('1')); // => false
Number.isNaN(parseInt('-1')); // => false
Number.isNaN(parseInt('1.1')); // => false
Number.isNaN(parseInt('-1.1')); // => false
Number.isNaN(parseInt('asdf')); // => true
Number.isNaN(parseInt(undefined)); // => true
Number.isNaN(parseInt('')); // => true
Number.isNaN(parseInt(' ')); // => true
Number.isNaN(parseInt(null)); // => true

// Special notation cases that are handled properly
Number.isNaN(parseInt('1e1')); // => false
Number.isNaN(parseInt('1e-1')); // => false
Number.isNaN(parseInt('-1e1')); // => false
Number.isNaN(parseInt('-1e-1')); // => false
Number.isNaN(parseInt('0b1')); // => false
Number.isNaN(parseInt('0o1')); // => false
Number.isNaN(parseInt('0xa')); // => false

// Edge cases that are debatable
Number.isNaN(parseInt('-0b1')); // => false
Number.isNaN(parseInt('-0o1')); // => false
Number.isNaN(parseInt('-0xa')); // => false
Number.isNaN(parseInt('Infinity')); // => true 
Number.isNaN(parseInt('INFINITY')); // => true  
Number.isNaN(parseInt('-Infinity')); // => true 
Number.isNaN(parseInt('-INFINITY')); // => true 

使用 parseFloat

// Base cases that are handled properly
Number.isNaN(parseFloat('1')); // => false
Number.isNaN(parseFloat('-1')); // => false
Number.isNaN(parseFloat('1.1')); // => false
Number.isNaN(parseFloat('-1.1')); // => false
Number.isNaN(parseFloat('asdf')); // => true
Number.isNaN(parseFloat(undefined)); // => true
Number.isNaN(parseFloat('')); // => true
Number.isNaN(parseFloat(' ')); // => true
Number.isNaN(parseFloat(null)); // => true

// Special notation cases that are handled properly
Number.isNaN(parseFloat('1e1')); // => false
Number.isNaN(parseFloat('1e-1')); // => false
Number.isNaN(parseFloat('-1e1')); // => false
Number.isNaN(parseFloat('-1e-1')); // => false
Number.isNaN(parseFloat('0b1')); // => false
Number.isNaN(parseFloat('0o1')); // => false
Number.isNaN(parseFloat('0xa')); // => false

// Edge cases that are debatable
Number.isNaN(parseFloat('-0b1')); // => false
Number.isNaN(parseFloat('-0o1')); // => false
Number.isNaN(parseFloat('-0xa')); // => false
Number.isNaN(parseFloat('Infinity')); // => false 
Number.isNaN(parseFloat('INFINITY')); // => true  
Number.isNaN(parseFloat('-Infinity')); // => false 
Number.isNaN(parseFloat('-INFINITY')); // => true

笔记:

仅考虑字符串、空值和未初始化的值以解决原始问题。如果数组和对象是正在考虑的值,则存在其他边缘情况。

二进制、八进制、十六进制和指数表示法的字符不区分大小写(即:'0xFF'、'0XFF'、'0xfF' 等在上面显示的测试用例中都会产生相同的结果)。

在某些情况下,与 Infinity(区分大小写)不同,作为测试用例以字符串格式传递给上述任何方法的 Number 和 Math 对象中的常量将被确定为不是数字。

有关如何将参数转换为数字以及为什么存在 null 和空字符串的边缘情况的说明,请参见此处。


失败 ""nullundefined
@gman 感谢您指出边缘情况。我更新了答案以解决您提到的问题以及 Infinity"Infinity"。看起来 undefined 已经正确处理,但我明确添加它以使其清楚。
S
Simon_Weaver

我喜欢这种简单。

Number.isNaN(Number(value))

以上是常规 Javascript,但我将其与 typescript typeguard 结合使用以进行智能类型检查。这对于打字稿编译器为您提供正确的智能感知非常有用,并且没有类型错误。

打字稿类型保护

警告:请参阅下面 Jeremy 的评论。这对某些值有一些问题,我现在没有时间修复它,但是使用 typescript typeguard 的想法很有用,所以我不会删除这一部分。

isNotNumber(value: string | number): value is string {
    return Number.isNaN(Number(this.smartImageWidth));
}
isNumber(value: string | number): value is number {
    return Number.isNaN(Number(this.smartImageWidth)) === false;
}

假设您有一个属性 width,即 number | string。您可能希望根据它是否为字符串来执行逻辑。

var width: number|string;
width = "100vw";

if (isNotNumber(width)) 
{
    // the compiler knows that width here must be a string
    if (width.endsWith('vw')) 
    {
        // we have a 'width' such as 100vw
    } 
}
else 
{
    // the compiler is smart and knows width here must be number
    var doubleWidth = width * 2;    
}

typeguard 足够聪明,可以将 if 语句中的 width 类型限制为 ONLY string。这允许编译器允许类型为 string | number 时不允许的 width.endsWith(...)

您可以随意调用 typeguard isNotNumberisNumberisStringisNotString,但我认为 isString 有点模棱两可且难以阅读。


在普通 JS 中工作得相对较好,但在 1..11,1-32.1.12 等情况下失败,更重要的是在 undefinedNaN 中失败。不确定您的 TS 是否弥补了这一点,但看起来如果您通过了 undefinedNaN,它将无法尝试执行 undefined * 2,这不会崩溃但会返回 NaN
请注意,这种方法允许在数字中使用 eE(例如 2E34),因为它被认为是有效数字(“科学记数法”),但不一定是您想要的...
l
liggett78

parseInt(),但请注意,这个函数有点不同,例如它为 parseInt("100px") 返回 100。


parseInt(09) 为 11。
因为您需要使用 paraseInt(09, 10)
As of ECMAScript 5 具有 wide browser support (IE≥9),您不再需要 , 10 参数。 parseInt('09') 现在等于 9。
S
Siubear

引用:

isNaN(num) // 如果变量不包含有效数字,则返回 true

如果您需要检查前导/尾随空格,则不完全正确 - 例如,当需要一定数量的数字时,您可能需要获取 '1111' 而不是 '111' 或 '111' 作为 PIN输入。

更好地使用:

var num = /^\d+$/.test(num)

'-1''0.1''1e10' 都返回 false。此外,大于正无穷大或小于负无穷大的值返回 true,而它们可能应该返回 false。
Z
Zoman

这是建立在以前的一些答案和评论的基础上的。以下内容涵盖了所有边缘情况,也相当简洁:

const isNumRegEx = /^-?(\d*\.)?\d+$/;

function isNumeric(n, allowScientificNotation = false) {
    return allowScientificNotation ? 
                !Number.isNaN(parseFloat(n)) && Number.isFinite(n) :
                isNumRegEx.test(n);
}

a
alexandre-rousseau

好吧,我正在使用我制作的这个......

到目前为止它一直在工作:

function checkNumber(value) {
    return value % 1 == 0;
}

如果您发现它有任何问题,请告诉我。


这会为空字符串、空数组、false 和 null 提供错误的结果。
不应该是三等分吗?
在我的应用程序中,我们只允许 az AZ 和 0-9 个字符。我发现上面的方法有效,除非字符串以 0xnn 开头,然后它会在不应该有的时候将它作为数字返回。我已经在下面的评论中发布了,所以格式是完整的。
你可以做'return value % 1 === 0'
只需执行return !isNaN(parseInt(value, 10));
T
The Dembinski

如果有人知道这么多,我会花一些时间来尝试修补 moment.js (https://github.com/moment/moment)。这是我从中拿走的东西:

function isNumeric(val) {
    var _val = +val;
    return (val !== val + 1) //infinity check
        && (_val === +val) //Cute coercion check
        && (typeof val !== 'object') //Array/object check
}

处理以下情况:

真的! :

isNumeric("1"))
isNumeric(1e10))
isNumeric(1E10))
isNumeric(+"6e4"))
isNumeric("1.2222"))
isNumeric("-1.2222"))
isNumeric("-1.222200000000000000"))
isNumeric("1.222200000000000000"))
isNumeric(1))
isNumeric(0))
isNumeric(-0))
isNumeric(1010010293029))
isNumeric(1.100393830000))
isNumeric(Math.LN2))
isNumeric(Math.PI))
isNumeric(5e10))

错误的! :

isNumeric(NaN))
isNumeric(Infinity))
isNumeric(-Infinity))
isNumeric())
isNumeric(undefined))
isNumeric('[1,2,3]'))
isNumeric({a:1,b:2}))
isNumeric(null))
isNumeric([1]))
isNumeric(new Date()))

具有讽刺意味的是,我最挣扎的是:

isNumeric(new Number(1)) => false

欢迎任何建议。 :]


isNumeric(' ')isNumeric('') 呢?
我会添加 && (val.replace(/\s/g,'') !== '') //Empty && (val.slice(-1) !== '.') //Decimal without Number 以解决上述问题以及我自己的问题。
T
Travis Parks

我最近写了一篇关于如何确保变量是有效数字的文章:https://github.com/jehugaleahsa/artifacts/blob/master/2018/typescript_num_hack.md 该文章解释了如何确保浮点或整数,如果这很重要(+x~~x)。

本文假设该变量以 stringnumber 开头,并且 trim 可用/填充。扩展它以处理其他类型也不难。这是它的肉:

// Check for a valid float
if (x == null
    || ("" + x).trim() === ""
    || isNaN(+x)) {
    return false;  // not a float
}

// Check for a valid integer
if (x == null
    || ("" + x).trim() === ""
    || ~~x !== +x) {
    return false;  // not an integer
}

M
M.Abulsoud
function isNumberCandidate(s) {
  const str = (''+ s).trim();
  if (str.length === 0) return false;
  return !isNaN(+str);
}

console.log(isNumberCandidate('1'));       // true
console.log(isNumberCandidate('a'));       // false
console.log(isNumberCandidate('000'));     // true
console.log(isNumberCandidate('1a'));      // false 
console.log(isNumberCandidate('1e'));      // false
console.log(isNumberCandidate('1e-1'));    // true
console.log(isNumberCandidate('123.3'));   // true
console.log(isNumberCandidate(''));        // false
console.log(isNumberCandidate(' '));       // false
console.log(isNumberCandidate(1));         // true
console.log(isNumberCandidate(0));         // true
console.log(isNumberCandidate(NaN));       // false
console.log(isNumberCandidate(undefined)); // false
console.log(isNumberCandidate(null));      // false
console.log(isNumberCandidate(-1));        // true
console.log(isNumberCandidate('-1'));      // true
console.log(isNumberCandidate('-1.2'));    // true
console.log(isNumberCandidate(0.0000001)); // true
console.log(isNumberCandidate('0.0000001')); // true
console.log(isNumberCandidate(Infinity));    // true
console.log(isNumberCandidate(-Infinity));    // true

console.log(isNumberCandidate('Infinity'));  // true

if (isNumberCandidate(s)) {
  // use +s as a number
  +s ...
}

C
Cas

检查JS中的数字:

检查它是否是数字的最佳方法:isFinite(20) //True 从字符串中读取一个值。 CSS *: parseInt('2.5rem') //2 parseFloat('2.5rem') //2.5 对于整数:isInteger(23 / 0) //False 如果值为 NaN:isNaN(20) //False


BigInt 怎么样?为了可读性,最好写 Infinity 而不是除以零,但也许这就是我。
P
Predhin

PFB 工作解决方案:

 function(check){ 
    check = check + "";
    var isNumber =   check.trim().length>0? !isNaN(check):false;
    return isNumber;
    }

c
cdeutsch

免去寻找“内置”解决方案的麻烦。

没有一个好的答案,而且这个帖子中被高度评价的答案是错误的。

npm install is-number

在 JavaScript 中,可靠地检查一个值是否为数字并不总是那么简单。开发人员通常使用 +、- 或 Number() 将字符串值转换为数字(例如,当从用户输入、正则表达式匹配、解析器等返回值时)。但是有许多非直观的边缘情况会产生意想不到的结果:

console.log(+[]); //=> 0
console.log(+''); //=> 0
console.log(+'   '); //=> 0
console.log(typeof NaN); //=> 'number'

d
dsmith63

这似乎抓住了看似无限数量的边缘情况:

function isNumber(x, noStr) {
    /*

        - Returns true if x is either a finite number type or a string containing only a number
        - If empty string supplied, fall back to explicit false
        - Pass true for noStr to return false when typeof x is "string", off by default

        isNumber(); // false
        isNumber([]); // false
        isNumber([1]); // false
        isNumber([1,2]); // false
        isNumber(''); // false
        isNumber(null); // false
        isNumber({}); // false
        isNumber(true); // false
        isNumber('true'); // false
        isNumber('false'); // false
        isNumber('123asdf'); // false
        isNumber('123.asdf'); // false
        isNumber(undefined); // false
        isNumber(Number.POSITIVE_INFINITY); // false
        isNumber(Number.NEGATIVE_INFINITY); // false
        isNumber('Infinity'); // false
        isNumber('-Infinity'); // false
        isNumber(Number.NaN); // false
        isNumber(new Date('December 17, 1995 03:24:00')); // false
        isNumber(0); // true
        isNumber('0'); // true
        isNumber(123); // true
        isNumber(123.456); // true
        isNumber(-123.456); // true
        isNumber(-.123456); // true
        isNumber('123'); // true
        isNumber('123.456'); // true
        isNumber('.123'); // true
        isNumber(.123); // true
        isNumber(Number.MAX_SAFE_INTEGER); // true
        isNumber(Number.MAX_VALUE); // true
        isNumber(Number.MIN_VALUE); // true
        isNumber(new Number(123)); // true
    */

    return (
        (typeof x === 'number' || x instanceof Number || (!noStr && x && typeof x === 'string' && !isNaN(x))) &&
        isFinite(x)
    ) || false;
};

l
lebobbi

因此,这将取决于您希望它处理的测试用例。

function isNumeric(number) {
  return !isNaN(parseFloat(number)) && !isNaN(+number);
}

我正在寻找的是 javascript 中的常规数字类型。 0, 1 , -1, 1.1 , -1.1 , 1E1 , -1E1 , 1e1 , -1e1, 0.1e10, -0.1.e10 , 0xAF1 , 0o172, Math.PI, Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY

它们也是字符串的表示形式:
'0', '1', '-1', '1.1', '-1.1', '1E1', '-1E1', '1e1', '-1e1', '0.1e10', '-0.1.e10', '0xAF1', '0o172'

我确实想省略而不是将它们标记为数字 '', ' ', [], {}, null, undefined, NaN

截至今天,所有其他答案似乎都未能通过其中一个测试用例。


请注意,如果对您很重要,isNumeric('007') 会返回 true