JS中不同数据类型之间的转化

不多BB，直接又开整

JS中不同数据类型的转换

把其他类型转换为数字类型

• Number([value]) 而isNaN在检测的时候，使用的就是这种方式转换为数字类型的

• Number是JS内置的转换方法，可以把其它数据类型“强制”转换为数字类型

• 把字符串转换为数字：一但字符串中出现非有效数字字符，则结果为NaN，只有都是有效数字字符，才能转换为具体的数字，空字符串会转换为0
• 把布尔转换为数字：true转换为1 false转换为0
• 把空转换为数字：null转换为0 undefined转换为NaN
• 不能把Symbol类型转换为数字，否则会报错
• 对象转换为数字：先把对象转换为字符串，再把字符串转为数字

• 普通对象
  1.先把obj转化为字符串 “[object Object]”
  2.把字符串转换为数字 Number("[object Object]")

• 数组对象
  1.先把ARR转换为字符串： “10”
  2.在把"10"转换为数字：10

• 其余对象格式基本上都会变为数字NaN
• 函数转换为数字：结果都是NaN

• parseInt([value]) / parseFloat([value])

parseInt / parseFloat：也是把其它数据类型转换为number类型的

• 处理原理和Number不一样，他们是把字符串转换为数字类型（如果处理的值不是字符串，需要先转换为字符串然后在去转换为number类型的）
• =>从字符串最左边开始查找，把找到的有效数字字符转换为数字，一直遇到一个非有效数字字符为止，则结束查找

转换为字符串类型

• String([value])
• [value].toString()
  普通对象转换为字符串都是 “[object Object]”，数组对象转换为字符串是 “第一项,第二项…”（逗号分隔数组中的每一项）

转换为布尔类型

• Boolean([value])
• ![value] 把指定的值转换为布尔类型后取反
• !![value] 取反再取反，相当于没有取反，只是把它转换为布尔类型值
  规则：只有 “0/NaN/null/undefined/空字符串” 最后是false，其余的都是true

为了看看兄弟们掌握的怎么样直接搞题目来整

parseInt("")  //  => NaN
Number("")  //  => 0
isNaN("")  //  => false
parseInt(null)  //  => NaN
parseInt('width:12px'  // => NaN
Number(null)  //  => 0
Number(undefined)  //  => NaN
isNaN(null)  //  => false
parseInt("12px")   //  => 12
Number("12px")  //  => NaN
isNaN("12px")  // => true
parseFloat('12.5px')  //  => 12.5

是不是觉得很小儿科，来点激情的题目

!(!"Number(undefined)");  
// =>  Number(undefined)=>NaN !"Number(undefined)"=>false !(!"Number(undefined)")=>true
​
isNaN(parseInt(new Date())) + Number([1]) + typeof undefined;  
// => parseInt(new Date())=>NaN isNaN(parseInt(new Date()))=>true Number([1])=>1 typeof undefined=>'undefined'遇见字符串就变成了字符串拼接所以结果是'2undefined'
​
Boolean(Number("")) + !isNaN(Number(null)) + Boolean("parseInt([])") + typeof !(null);
// => Boolean(Number(""))=>false  !isNaN(Number(null))=>true Boolean("parseInt([])")=>true parseInt([])=>NaN  typeof !(null)=>"boolean"所以结果就是"2boolean"
​
parseFloat("1.6px") + parseInt("1.2px") + typeof parseInt(null);
// => parseFloat("1.6px")=>1.6  parseInt("1.2px")=>1  parseInt(null)=>NaN  typeof parseInt(null)=>"number"所以最后的结果是"2.6number"
​
isNaN(Number(!!Number(parseInt("0.8"))));
// parseInt("0.8")=>0  Number(parseInt("0.8"))=>0  !!Number(parseInt("0.8"))=>flase  Number(!!Number(parseInt("0.8")))=>0  isNaN(Number(!!Number(parseInt("0.8"))))=>false
​
console.log(1 + "2" + "2");
// 简单的字符串拼接结果是"122"
​
!typeof parseFloat("0");
// parseFloat("0")=>0  typeof parseFloat("0")=>"number"  !typeof parseFloat("0")=>false
​
Number(""); // =>0
​
typeof "parseInt(null)" + 12 + !!Number(NaN);
//  parseInt(null)=>NaN  typeof "parseInt(null)"=>"string"  Number(NaN)=>NaN  !!Number(NaN)=>false  所以最后结果是"string12false"
​
!typeof (isNaN("")) + parseInt(NaN);
//  isNaN("")=>false  typeof (isNaN(""))=>"boolean"  !typeof (isNaN(""))=>false  parseInt(NaN)=>NaN所以结果是NaN
​
typeof !parseInt(null) + !isNaN(null);
//  parseInt(null)=>NaN  !parseInt(null)=>true  typeof !parseInt(null)=>"boolean"  isNaN(null)=>false  !isNaN(null)=>true最后结果为"booleantrue"

不知道你们发现没有，只要出现!结果就是boolean类型的