js中nan怎么解决

JavaScript09

js中nan怎么解决,第1张

首先要了解 NaN 是什么：Not a number ( 非数值 )

当语句中需要判断一个变量值是否为数值时，可以用isNaN()方法，得到true则表示不是数值。

var val = "abc"

alert(isNaN(val))//结果为：true

虽然语句中碰到产生NaN错误还会继续往下一句解析执行，但还是应该用判断语句处理一下：

if(isNaN(val)){

  alert("val值 为 非数值")

  //其他处理语句，如重新获取、从其他地方获取

}

window.isNaN 只对数值有效，如果传入其他值，会被先转成数值。比如，传入字符串的时候，字符串会被先转成NaN，所以最后返回true，这一点要特别引起注意。也就是说，isNaN为true的值，有可能不是NaN，而是一个字符串。(不是数值会先调用 Number 方法转化为数值)

isNaN本意是通过Number方法把参数转换成数字类型，如若转换成功，则返回false，反之返回true，它只是判断参数是否能转成数字，不能用来判断是否严格等于NaN。，如果要判断某个值是否严格等于NaN不能用这个方法

ES6提供了Number.isNaN方法用来判断一个值是否严格等于NaN，首先判断 value 类型是不是 number，如不是，直接返回false。2. 然后判断 value 是不是 NaN

推荐方法：

补充知识：

NaN 是 JavaScript 之中唯一不等于自身的值

Object.is() 是 ES6 用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致。除了对 +0 和 -0 以及 NaN 的判断

什么是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 的相关介绍， 还有那句话：如有不对之处及不周之处请大佬们指出，也希望对一些人有所帮助，咱们下次再会！