JS中的NaN和isNaN

最新推荐文章于 2024-07-03 14:07:58 发布

原创最新推荐文章于 2024-07-03 14:07:58 发布 · 310 阅读

1 ·

CC 4.0 BY-SA版权

本文详细解析了JavaScript中NaN的概念及其特性，并介绍了isNaN函数的使用方法，包括如何判断各种类型的值是否为数字。

JS中的NaN和isNaN

一、NaN：not a number 不是个数字的数字类型

但是属于数字类型

var a = number ('abc');
alert(a);  //NaN
alert(typeof(a));  //number

注意：一旦程序出现NaN，肯定进行非法操作

特性：1.NaN是假的布尔值

var a = number ('abc');
if(a){
  alert('真');
}else{
  ('假')
}  //假

2.NaN与自己都不相等

var a = number ('abc');
alert(a===a);  //false

二、isNaN

is not a number 是不是不是一个数字（不是数字）

作用：1.可以判断某些值是不是数字
返回true or false

2.不喜欢数字，讨厌数字

(1).对于数字

alert(isNaN(250)); //false

(2).对于字符串。

alert(isNaN('我爱你'));   //true
alert(isNaN('250'));   //false

isNaN是内部基于Number()的判断，所以对于字符串我爱你，Number()返回NaN，则isNaN返回true；对于字符串250，Number()先将'250'转化为数字250，然后isNaN再做出判断。

(3).对于函数

alert(isNaN(function(){alert(1)}); //true

(4).对于布尔值

alert(isNaN(true)); //false

(5).对于空数组

alert(isNaN([ ]));  //false

三、HTML中拿到的内容，类型都是字符串

所以当需要判断数据类型时，需要用到isNaN()

window.onload = function (){
    var aInp = document.getElementsByTagName('input');
    var str = '';
    aInp[1].onclick = function (){
        str = aInp[0].value;
        // HTML 中拿到的内容，类型都是字符串
        // alert( typeof str );

        if( isNaN(str) ){
            alert( str + '不是数字' );
        }else{
            alert( str + '是数字' );
        }
    };
};