JS isNaN 问题

JavaScript013

JS isNaN 问题,第1张

在javascript中,没有对象、直接调用的函数,都是全局函数。说是全局,其实只不过是从属于内置对象window的属性或方法而已。也就是说,isNaN()等价于window.isNaN()。其它方法属性也是类似,比如:

// 不属于任何对象的i

var i = 5

function test(){

    alert(i)

}

test()// 5

alert(i) // 5

alert(window.i) // 5

以上几种alert出来的i都是5,说明window.i其实就是声明的那个i。

isNaN是window对象的一个方法,它的作用是判断参数是不是一个NaN。其实也就是看参数能不能转化为数字,如果能,就返回false;不能转化为数字,则返回true。例如:

isNaN('134') // false,字符串134可以转化为数字

isNaN('1a34') // true,字符串1a34不能转化为数字

isNaN('0x34') // false,字符串0x34能转化为数字,十六进制

isNaN(true) // false,布尔型变量能转化为数字,值为1

有一点要注意,在上面已经提到,布尔型值是能够转换成数字的,比如:

alert(true + 1) // 结果为2,因为true会转化为数字1,而false会转化为数字0

但是,如果用下面的代码,就会得到NaN:

alert(parseInt(true)) // NaN

parseInt和isNaN类似,都是window的一个方法,其作用是将参数强制转化为整数,类似的还有window的另一个方法parseFloat,将参数强制转化为浮点数。显然这里parseInt(true)得到了一个NaN,但isNaN(true)得到的却是false。

这两者之间的差别,太具体的我就不清楚了。

isNaN() 函数用于检查其参数是否是非数字值。

比如

var x

console.log(isNaN(x))

这个输出就是true,因为x 没有定义,是undefined,是“非数字值”

什么是NaN:

        NaN 就是在发生类型强制转换的时候会产生 NaN ,也就是把其他类型转换成 Number 类型时,不能转换而返回的结果。

几种转换为 Number 类型的方法及可能出现NaN情况:

        第一种转换函数:parseInt / parseFloat

                console.log(parseInt(" 我是谁 "))   console.log((" 我是谁 "))

以上两种转换函数的结果就会返回 NaN 因为转换的不是一个有效数字啊。

          第二种强制转换类型: Number()

                  console.log(Number("12px"))返回 NaN 因为不是一个有效数字,后面有文字

            第三种变量弱类型转换:

                    var str = '012.345 '      var x = str - 0      console.log(x, typeof x)  // 这就是正常的了

那在JS中不管是什么都会有个类型,那 NaN 是个啥类型呢?

这里可以看到,NaN 的类型是 Number,那既然是 Number 类型,那我用它来比较是不是 数字类型 可不可以勒,那咱们就来看一下。

那这里怎么返回的都是 false 呢? 并且自己连自己都不等于,NaN的英文翻译是:Not a number (不是一个数字的缩写),那居然你不是一个数字 比喻是A,我也不是一个数字 比喻是B,那么 A == B 嘛?你会发现并不相等 返回 false。

那我想判断一个 变量是不是数字类型,不能使用NaN方法,那就有了 isNaN 的出现,请看下方用法:

 isNaN   返回值是 如果你是有效数字,就是返回false,这里为啥是false 请看上面 NaN 英文的翻译 ,如果你返回的不是一个有效数字就是 true。

原理相当于是:

这里你会发现,判断的时候通过Number进行了一波隐式转换,才得到最终结果 false。

说到在项目中真实的用处,目前还没有遇到,但是如果你了解这个方法,遇到相关处理数据需要判断时,你就会想到它啦,以上就是本人对 NaN 及 isNaN 的相关介绍, 还有那句话:如有不对之处及不周之处请大佬们指出,也希望对一些人有所帮助,咱们下次再会!