如何在JavaScript中检查一个数字是NaN ?

我只在Firefox的JavaScript控制台中尝试过，但以下语句都没有返回true:

parseFloat('geoff') == NaN;

parseFloat('geoff') == Number.NaN;

你应该使用全局isNaN(value)函数调用，因为:

支持跨浏览器有关文档，请参阅isNaN

例子:

 isNaN('geoff'); // true
 isNaN('3'); // false

我希望这对你有所帮助。

2010-04-16 10:57:34

试试下面的代码:

isNaN(parseFloat("geoff"))

要检查是否有任何值是NaN，而不仅仅是数字，请参阅这里:如何在Javascript中测试NaN ?

2010-04-16 10:58:04

使用以下代码:

isNaN('geoff');

参见MDN上的isNaN()文档。

alert ( isNaN('abcd'));  // alerts true
alert ( isNaN('2.0'));  // alerts false
alert ( isNaN(2.0));  // alerts false

2010-04-16 10:59:31

我使用下划线的isNaN函数，因为在JavaScript中:

isNaN(undefined) 
-> true

至少，要意识到这一点。

2012-10-18 19:38:46

NaN是一个特殊的值，不能这样测试。我想和大家分享一个有趣的事情

var nanValue = NaN;
if(nanValue !== nanValue) // Returns true!
    alert('nanValue is NaN');

这只对NaN值返回true，是一种安全的测试方式。肯定应该被包装在一个函数中，或者至少被注释，因为测试相同的变量是否彼此不相等显然没有多大意义，呵呵。

2013-01-08 17:27:11

似乎在Node.js中，isNaN()是不被开箱即用的。我曾经和

var value = 1;
if (parseFloat(stringValue)+"" !== "NaN") value = parseFloat(stringValue);

2013-05-06 09:05:15

我刚刚在《有效JavaScript》这本书中看到了这个技巧，它非常简单:

因为NaN是唯一被视为与自身不相等的JavaScript值，你总是可以通过检查它是否与自身相等来测试一个值是否为NaN:

var a = NaN;
a !== a; // true 

var b = "foo";
b !== b; // false 

var c = undefined; 
c !== c; // false

var d = {};
d !== d; // false

var e = { valueOf: "foo" }; 
e !== e; // false

直到@allsyed评论才意识到这一点，但这在ECMA规范中:https://tc39.github.io/ecma262/#sec-isnan-number

2013-06-07 16:05:06

虽然@chiborg的回答是正确的，但还有更多需要注意的地方:

parseFloat('1.2geoff'); // => 1.2
isNaN(parseFloat('1.2geoff')); // => false
isNaN(parseFloat('.2geoff')); // => false
isNaN(parseFloat('geoff')); // => true

重点是，如果你使用这个方法来验证输入，结果将是相当自由的。

所以，是的，你可以使用parseFloat(string)(或在完整数字的情况下parseInt(string, radix)'，然后随后用isNaN()包装它，但要注意数字与其他非数字字符交织在一起的问题。

2013-08-24 23:08:25

要修复'1.2geoff'被解析的问题，只需使用Number()解析器即可。

所以与其这样:

parseFloat('1.2geoff'); // => 1.2
isNaN(parseFloat('1.2geoff')); // => false
isNaN(parseFloat('.2geoff')); // => false
isNaN(parseFloat('geoff')); // => true

这样做:

Number('1.2geoff'); // => NaN
isNaN(Number('1.2geoff')); // => true
isNaN(Number('.2geoff')); // => true
isNaN(Number('geoff')); // => true

编辑:我刚刚注意到另一个问题…传入Number()的false值(true为实布尔值)返回为0!那样的话……相反，parseFloat每次都有效。所以回到这个问题:

function definitelyNaN (val) {
    return isNaN(val && val !== true ? Number(val) : parseFloat(val));
}

这似乎涵盖了一切。我测试它比lodash的_慢90%。是NaN，但它并没有涵盖所有的NaN:

http://jsperf.com/own-isnan-vs-underscore-lodash-isnan

只是为了澄清，我的关心人类字面解释的东西是“不是一个数字”和lodash的关心计算机字面解释的检查，如果什么是“NaN”。

2014-03-17 10:57:10

我只想分享另一种选择，它不一定比这里的其他选择更好，但我认为它值得一看:

function customIsNaN(x) { return (typeof x == 'number' && x != 0 && !x); }

这背后的逻辑是，除了0和NaN之外的所有数字都被转换为true。

我做了一个快速测试，它的性能和Number一样好。isNaN和as检查自身是否为false。这三个都比isNan表现得好

结果

customIsNaN(NaN);            // true
customIsNaN(0/0);            // true
customIsNaN(+new Date('?')); // true

customIsNaN(0);          // false
customIsNaN(false);      // false
customIsNaN(null);       // false
customIsNaN(undefined);  // false
customIsNaN({});         // false
customIsNaN('');         // false

如果您想避免损坏的isNaN函数，可能会很有用。

2014-03-20 14:13:11

根据IEEE 754，所有涉及NaN的关系都被评估为假，除了!=。因此，例如，如果A或B或两者都是NaN， (A >= B) = false且(A <= B) = false。

2014-10-28 20:09:04

NaN === NaN;        // false
Number.NaN === NaN; // false
isNaN(NaN);         // true
isNaN(Number.NaN);  // true

相等运算符(==和===)不能用于测试NaN的值。

全局NaN属性是一个表示Not-A-Numbe的值

最好的方法是使用'isNaN()'，这是一个内置函数来检查NaN。所有浏览器都支持这种方式。

2014-11-08 22:18:25

简单的解决方案!

真的超级简单!这里!有这个方法!

function isReallyNaN(a) { return a !== a; };

使用简单如下:

if (!isReallyNaN(value)) { return doingStuff; }

参见此处使用此func vs选定答案的性能测试另外:请参阅下面的第一个示例，了解两个替代实现。

例子:

如果您不想使用交替命名的方法，并希望确保它具有更全局的可用性，则可以采用两种实现路径。警告:这些解决方案涉及修改本机对象，可能不是您的最佳解决方案。请始终谨慎使用并注意您可能使用的其他库可能依赖于本机代码或类似的更改。

替代实现1:替换本地isNaN方法。

//  Extremely simple. Just simply write the method.
window.isNaN = function(a) { return a !==a; }

替代实现2:附加到数字对象*建议，因为它也是ECMA 5到6的polyfill

Number['isNaN'] || (Number.isNaN = function(a) { return a !== a });
//  Use as simple as
Number.isNaN(NaN)

如果为空，则进行备用溶液测试

我写了一个简单的窗口方法来测试对象是否为空。这有点不同，因为它没有给出如果项目是“确切”NaN，但我想我会抛出这个，因为它也可能是有用的，当寻找空项目。

/** isEmpty(varried)
 *  Simple method for testing if item is "empty"
 **/
;(function() {
   function isEmpty(a) { return (!a || 0 >= a) || ("object" == typeof a && /\{\}|\[(null(,)*)*\]/.test(JSON.stringify(a))); };
   window.hasOwnProperty("empty")||(window.empty=isEmpty);
})();

例子:

;(function() { function isEmpty(a) { return !a || void 0 === a || a !== a || 0 >= a || "object" == typeof a && /\{\}|\[(null(,)*)*\]/.test(JSON.stringify(a)); }; window.hasOwnProperty("empty")||(window.empty=isEmpty); })(); var example = { 'NaN': NaN, 'an empty Objet': {}, 'a parse to NaN': parseFloat('$5.32'), 'a non-empty Objet': { a: 1, b: 2 }, 'an empty Array': new Array(), 'an empty Array w/ 9 len': new Array(9), 'a semi-passed parse': parseInt('5a5'), 'a non-empty Array': [ 'a', 'b', 'c' ], 'Math to NaN': Math.log(-1), 'an undefined object': undefined } for (x in example) { var answer = empty(example[x]), strAnswer = answer.toString(); $("#t1").append( $("<tr />", { "class": strAnswer }).append( $("<th />", { html: x }), $("<td />", { html: strAnswer.toUpperCase() }) ) ) }; function isReallyNaN(a) { return a !== a; }; for(x in example){var answer=isReallyNaN(example[x]),strAnswer=answer.toString();$("#t2").append($("<tr />",{"class":strAnswer}).append($("<th />",{html:x}),$("<td />",{html:strAnswer.toUpperCase()})))}; table { border-collapse: collapse; float: left; } th, td { border: 1px solid; padding: 2px 5px; } .true { color: red; } .false { color: green; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <table id="t1"><thead><tr><th colspan="2">isEmpty()</th></tr></thead><thead><tr><th>Value Type</th><th>Bool Return</th></tr></thead></table> <table id="t2"><thead><tr><th colspan="2">isReallyNaN()</th></tr></thead><thead><tr><th>Value Type</th><th>Bool Return</th></tr></thead></table>

极深检查是否为空

最后一个有点深，甚至检查一个对象是否充满了空白对象。我相信它有改进的空间，也有可能出现漏洞，但到目前为止，它似乎能捕捉到几乎所有的东西。

2015-01-21 12:53:26

如果您的环境支持ECMAScript 2015，那么您可能需要使用Number。isNaN来确保这个值真的是NaN。

isNaN的问题是，如果你将它用于非数值数据，就会应用一些令人困惑的规则(根据MDN)。例如,

isNaN(NaN);       // true
isNaN(undefined); // true
isNaN({});        // true

因此，在ECMA Script 2015支持的环境中，您可能希望使用

Number.isNaN(parseFloat('geoff'))

2015-08-14 15:32:09

只要要测试类型为Number的值是否为NaN，全局函数isNaN将完成工作

isNaN(any-Number);

对于适用于JS中所有类型的通用方法，我们可以使用以下任何一种方法:

ECMAScript-5用户:

#1
if(x !== x) {
    console.info('x is NaN.');
}
else {
    console.info('x is NOT a NaN.');
}

对于使用ECMAScript-6的人:

#2
Number.isNaN(x);

为了在ECMAScript 5和6中保持一致性，我们也可以为Number.isNan使用这个填充

#3
//Polyfill from MDN
Number.isNaN = Number.isNaN || function(value) {
    return typeof value === "number" && isNaN(value);
}
// Or
Number.isNaN = Number.isNaN || function(value) {     
    return value !== value;
}

请查看这个答案了解更多细节。

2015-08-21 10:11:38

我在StackOverflow上写了另一个问题的答案，当NaN == null时，另一个检查，但它被标记为重复，所以我不想浪费我的工作。

看看关于NaN的Mozilla开发者网络。

简短的回答

只要使用距离|| 0当你想确保你的值是一个正确的数字或isNaN()检查它。

长回答

NaN (Not-a-Number)是javascript中一个奇怪的全局对象，当某些数学操作失败时，经常返回。

你想检查NaN == null，结果是false。然而，即使NaN == NaN结果为假。

判断变量NaN是否为全局函数的一个简单方法是NaN()。

另一个是x !== x，仅当x为NaN时才成立。(感谢提醒@raphael-schweikert)

但为什么这个简短的答案管用呢?

让我们一探究竟。

当你调用NaN == false时，结果是假的，NaN == true也是一样。

在规范中，JavaScript有一个总是false值的记录，包括:

NaN -不是一个数字 "" -空字符串 False -布尔值为False Null - Null对象 Undefined -未定义的变量 0 -数字0，包括+0和-0

2015-11-30 06:47:16

从ES6开始，Object.is(..)是一个新的实用程序，可以用来测试两个值是否绝对相等:

var a = 3 / 'bar';
Object.is(a, NaN); // true

2015-12-28 03:26:53

MDN的parseFloat页面中提到了另一个解决方案

它提供了一个过滤器函数来执行严格的解析

var filterFloat = function (value) {
    if(/^(\-|\+)?([0-9]+(\.[0-9]+)?|Infinity)$/
      .test(value))
      return Number(value);
  return NaN;
}


console.log(filterFloat('421'));               // 421
console.log(filterFloat('-421'));              // -421
console.log(filterFloat('+421'));              // 421
console.log(filterFloat('Infinity'));          // Infinity
console.log(filterFloat('1.61803398875'));     // 1.61803398875
console.log(filterFloat('421e+0'));            // NaN
console.log(filterFloat('421hop'));            // NaN
console.log(filterFloat('hop1.61803398875'));  // NaN

然后你可以用isNaN来检查它是否是NaN

2016-05-04 17:22:36

准确的检查方法是:

//takes care of boolen, undefined and empty

isNaN(x) || typeof(x) ==='boolean' || typeof(x) !=='undefined' || x!=='' ? 'is really a nan' : 'is a number'

2016-05-30 04:25:53

我创建了这个小函数，它就像一个咒语。而不是检查NaN，这似乎是违反直觉的，你检查一个数字。我很确定我不是第一个这样做的人，但我想分享一下。

function isNum(val){
    var absVal = Math.abs(val);
    var retval = false;
    if((absVal-absVal) == 0){
        retval = true
    }

    return retval;
}

2016-06-05 20:14:33

简单地将结果转换为String并与'NaN'进行比较。

var val = Number("test");
if(String(val) === 'NaN') {
   console.log("true");
}

2017-02-23 11:17:07

找到了另一种方法，只是为了好玩。

function IsActuallyNaN(obj) {
  return [obj].includes(NaN);  
}

2017-05-19 04:43:00

marksyzm的答案工作得很好，但它不会为无穷大返回false，因为无穷大在技术上不是一个数字。

我想出了一个isNumber函数来检查它是否是一个数字。

函数isNumber(i) isNaN(i && i !== true ?编号(i): parseFloat(i)) &&[编号。POSITIVE_INFINITY, Number.NEGATIVE_INFINITY].indexOf(i) == -1; ｝ console.log (isNumber(∞)); console.log (isNumber(“asdf ")); console.log (isNumber (1.4)); console.log (isNumber(南)); console.log (isNumber (Number.MAX_VALUE)); console.log (isNumber (" 1.68 "));

更新: 我注意到这段代码在某些参数上失败了，所以我改进了它。

2017-06-09 01:11:00

alert("1234567890.".indexOf(String.fromCharCode(mycharacter))>-1);

这并不优雅。但在尝试isNAN()后，我得到了这个解决方案，这是另一种选择。在这个例子中，我还允许'。'因为我正在为浮动进行屏蔽。您还可以反转此操作，以确保不使用任何数字。

("1234567890".indexOf(String.fromCharCode(mycharacter))==-1)

这是一个单个字符的求值，但您也可以循环遍历字符串以检查任何数字。

2017-08-16 19:38:10

函数isNotANumber(n) { If (typeof n !== 'number') { 返回true; ｝ == n; ｝

2017-08-30 05:26:05

NaN在JavaScript中代表“不是一个数字”，尽管它的类型实际上是数字。

typeof(NaN) // "number"

要检查一个变量的值是否为NaN，我们不能简单地使用函数isNaN()，因为isNaN()有以下问题:

var myVar = "A";
isNaN(myVar) // true, although "A" is not really of value NaN

这里真正发生的是myVar被隐式地强制为一个数字:

var myVar = "A";
isNaN(Number(myVar)) // true. Number(myVar) is NaN here in fact

这是有道理的，因为A实际上不是一个数字。但我们真正想检查的是myVar的值是否为NaN。

因此isNaN()无法提供帮助。那我们该怎么办呢?

鉴于NaN是唯一被视为与自身不相等的JavaScript值，因此我们可以使用!==来检查它是否与自身相等

var myVar; // undefined
myVar !== myVar // false

var myVar = "A";
myVar !== myVar // false

var myVar = NaN
myVar !== myVar // true

所以总结一下，如果一个变量!==本身是正确的，那么这个变量的值正好是NaN:

function isOfValueNaN(v) {
    return v !== v;
}

var myVar = "A";
isNaN(myVar); // true
isOfValueNaN(myVar); // false

2017-09-09 08:40:40

是(NaN >= 0) ?......“我不知道”。

function IsNotNumber( i ){
    if( i >= 0 ){ return false; }
    if( i <= 0 ){ return false; }
    return true;
}

条件仅在TRUE时执行。

不是假的。

不是"我不知道"

2017-09-18 21:57:22

对此我看到了一些回应，

但我只用:

function isNaN(x){
     return x == x && typeof x == 'number';
}

2017-12-18 22:57:38

也许还有这个:

function isNaNCustom(value){
    return value.toString() === 'NaN' && 
           typeof value !== 'string' && 
           typeof value === 'number'
}

2018-02-01 13:30:50

规则是:

NaN != NaN

isNaN()函数的问题是，在某些情况下，它可能会返回意想不到的结果:

isNaN('Hello')      //true
isNaN('2005/12/12') //true
isNaN(undefined)    //true
isNaN('NaN')        //true
isNaN(NaN)          //true
isNaN(0 / 0)        //true

检查该值是否真的为NaN的更好方法是:

function is_nan(value) {
    return value != value
}

is_nan(parseFloat("geoff"))

2019-02-16 06:26:52

Number('hello').toString() === 'NaN' // true
Number(undefined).toString() === 'NaN' // true
    
Number('12345').toString() === 'NaN' // false  

// These all evaluate to 0 which is a number
Number('').toString() === 'NaN' // false // 0
Number('0').toString() === 'NaN' // false // 0
Number().toString() === 'NaN' // false // 0

// These all evaluate to 0 and 1 which is a number
Number(false).toString() === 'NaN' // false // 0
Number(true).toString() === 'NaN' // false // 1

2021-07-01 20:12:12

两种都试试看

if(isNaN(parseFloat('geoff'))  && typeof(parseFloat('geoff')) === "number");
//true

2022-08-11 09:02:43

发现这很有用

    // Long-hand const isFalsey = (value) => {   if (
        value === null ||
        value === undefined ||
        value === 0 ||
        value === false ||
        value === NaN ||
        value === ""   ) {
        return true;   }   return false; };
 // Short-hand const 
      isFalsey = (value) => !value;

2022-11-03 04:38:31

如何在JavaScript中检查一个数字是NaN ?

推荐文章

最新文章

标签