js中nan怎么解决

JavaScript017

js中nan怎么解决,第1张

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

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

var val = "abc"

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

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

if(isNaN(val)){

  alert("val值 为 非数值")

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

}

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

方法如下。

function convertImgToBase64(url, callback, outputFormat)

{var canvas = document.createElement('CANVAS'),

ctx = canvas.getContext('2d'),

img = new Image

img.crossOrigin = 'Anonymous'

img.onload = function(){canvas.height = img.height

canvas.width = img.width

ctx.drawImage(img,0,0)

var dataURL = canvas.toDataURL(outputFormat || 'image/png')

callback.call(this, dataURL)

canvas = null}

img.src = url}