JS中的NaN和isNaN，简直是双重人格？

 number数字类型

　　包括数字和NaN，NaN：not a number 但是它是数字类型的

 

isNaN的用法：检测当前值是否不是有效数字，返回true代表不是有效数字，返回false是有效数字

//=>语法：isNaN([value])
var num=12;
isNaN(num); //->检测num变量存储的值是否为非有效数字 false

isNaN('13') =>false
isNaN('你好呀') =>true
isNaN(true) =>false
isNaN(false) =>false
isNaN(null) =>false
isNaN(undefined) =>true
isNaN({age:9}) =>true
isNaN([12,23]) =>true
isNaN([12]) =>false
isNaN(/^$/) =>true
isNaN(function(){}) =>true

1、isNaN检测的机制：首先验证当前要检测的值是否为数字类型的，如果不是，浏览器会默认的把值转换为数字类型

　　把非数字类型的值转换为数字

　　其它基本类型转换为数字：直接使用Number这个方法转换的

 

[字符串转数字]

Number('13') ->13
Number('13px') ->NaN 如果当前字符串中出现任意一个非有效数字字符，结果则为NaN
Number('13.5') ->13.5 可以识别小数

[布尔转数字]

Number(true) ->1
Number(false) ->0

[其它]

Number(null) ->0
Number(undefined) ->NaN

　　

把引用数据类型值转换为数字：先把引用值调取toString转换为字符串，然后再把字符串调取Number转换为数字

[对象]

({}).toString() ->'[object Object]' ->NaN

[数组]

[12,23].toString() ->'12,23' ->NaN
[12].toString() ->'12' ->12

[正则]

/^$/.toString() ->'/^$/' ->NaN

[其他]

Number('') ->0
[].toString() -> ''
=> isNaN([])：false

 

2、当前检测的值已经是数字类型，是有效数字返回false，不是返回true（数字类型中只有NaN不是有效数字，其余都是有效数字）

 

　　parseInt / parseFloat，等同于Number，也是为了把其它类型的值转换为数字类型

 

　　和Number的区别在于字符串转换分析上

 

　　Number：出现任意非有效数字字符，结果就是NaN

 　  parseInt：把一个字符串中的整数部分解析出来，parseFloat是把一个字符串中小数(浮点数)部分解析出来　　

parseInt('13.5px') =>13
parseFloat('13.5px') =>13.5
parseInt('width:13.5px') =>NaN 从字符串最左边字符开始查找有效数字字符，并且转换为数字，但是一但遇到一个非有效数字字符，查找结束

 

3. NaN的比较

 

　　NaN==NaN：false NaN和谁都不相等，包括自己

if(Number(num)==NaN){
　　alert('num不是有效数字!');
　}
NaN和谁都不相等，条件永远不成立（即使num确实不是有效数字，转换的结果确实是NaN，但是NaN!=NaN的）

if(isNaN(num)){
　　//=>检测是否为有效数字，只有这一种方案
　　alert('num不是有效数字!')
}

【布尔 boolean】

      只有两个值：true / false，把其它数据类型的值转换为布尔类型：除了“NaN/0/''/null/undefined”这五个值会转换为false,其余的都会转换为true

　   哪些情况需要把其它类型值转换为布尔呢？

　　

// [手动自己转]
Boolean(0) => false
Boolean([]) => true
[]==false => true   // 都转换为数字 0==0
![]==false => true  // 先算![]，把数组转换为布尔取反=>false =>false==false

　　除了Boolean可把其他类型转化为数字类型外，！和双！！也是把其他类型转化成布尔类型，项目中一般用！！转换（逼格高~）

　　!0 =>true 叹号在这里是取反的意思（先转化为布尔类型然后再取反）

　　!!0 =>false 两个叹号只剩下转换为布尔类型了，等价于Boolean

// [程序自己需要转换 =>一般都是条件判断的时候]，if内的值会默认转换成布尔类型，如果为真执行，为false则不执行
if(1){
   //=>如果条件成立，执行大括号中的代码
   //=>浏览器会把1作为条件：把它转换为布尔的TRUE，条件成立
}

 

特殊情况：数学运算和字符串拼接 “+”

　　当表达式中出现字符串，就是字符串拼接，否则就是数学运算

1+true =>2  //数学运算
'1'+true =>'1true'   //字符串拼接
[12]+10 =>'1210'     //虽然现在没看见字符串，但是引用类型转换为数字，首先会转换为字符串，所以变为了字符串拼接
({})+10 =>"[object Object]10"
[]+10 =>"10"

　　{}+10 =>10     结果为10，但是这个和以上说的没有半毛钱关系，因为它根本就不是数学运算，也不是字符串拼接，它是两部分代码

　　{} 代表一个代码块（块级作用域）   +10 才是我们的操作      严格写法：{}; +10;