探讨什么是NaN、isNaN()及如何判断一个值是NaN
①NaN
NaN的全称是“Not a Number”,它是Number类型中的一个特殊值。Number类型包括整数和浮点数。
此处引入另一个方法Number(x)
,它用于将x转换为Number类型,如果转换失败,就会返回NaN
这里以“表达式的计算”、“类型转换”为例来进行讲解:
{表达式的计算}
100 - '2a' ; // NaN
'100' / '20a'; // NaN
'20a' * 5 ; // NaN
undefined - 1; // NaN, Number(undefined) == NaN
[] * 20 ; // 0, Number([]) == 0
null - 5; // -5, Number(null) == 0
特别的,加号(+)在计算时的特殊性:
JS表达式的执行顺序是按照运算符的优先级从左到右依次进行的,如果加号 (+) 两边的变量都是 Number 类型时,才会做数字相加运算,如果其中有一个变量是字符串,则会将两边都作为字符串相加
{类型转换}
直接使用 parseInt,parseFloat 或 Number 将一个非数字的值转化为数字时,表达式返回 NaN
'abc' - 3 // NaN,应用了Number()
parseInt('abc') // NaN
parseFloat('abc') // NaN
Number('abc') // NaN
对于 “数字+字符” 的值,其转换结果会有所不同:
Number('123abc'); // NaN
parseInt('123abc'); // 123
parseInt('123abc45'); // 123
parseFloat('123.45abc');// 123.45
这是因为Number 转换的是整个值;parseInt 和 parseFloat 只转化第一个无效字符之前的字符串,转换的是部分值。 此外,一元加(+)操作符也可以实现与 Number 相同的作用。
+ '12abc'; // NaN
+ '123'; // 123
+ '123.78'; // 123.78
+ 'abc'; // NaN
②isNaN()
isNaN() 是一个全局方法(即挂在window对象上的方法),它的作用是检查一个值是否能被 Number() 成功转换 。 如果能转换成功,就返回 false,否则返回 true
isNaN(NaN) // true 不能转换
isNaN('123') // false 能转换
isNaN('abc') // true 不能转换
isNaN('123ab') // true 不能转换
isNaN('123.45abc') // true 不能转换
③扩展:如何判断某个值本身是否为NaN
NaN具有一个重要特性,它不等于自身,即NaN==NaN的返回值为false。
为判断一个值是否为NaN提供以下两种方法:
{利用 NaN不等于自身这一特性来判断}
function selfIsNaN(value){//自定义一个函数
return value != value;
}
{利用Number.isNaN()进行判断}它和全局方法isNaN()不同
Number.isNaN('123'); // false 本身不是NaN
Number.isNaN('abc'); // false 本身不是NaN
Number.isNaN(NaN); // true 本身是NaN
参考文献:
https://www.cnblogs.com/onepixel/p/5281796.html
https://www.cnblogs.com/moqijianqi/p/11413441.html