JS中的隐式转换

隐式转换

写在前面

在JS中有一个在学习过程和面试过程中很常见的问题就是JS的隐式转换，经常会有各种各样的“坑”等着我们去踩。下面我结合个人学习过程遇到的问题简单谈谈。另一种转换方式是显示转换，感兴趣的小伙伴可点击跳转我之前写的文章。

算数运算符的转换

1. 在加减乘除取余（+-*/%）的计算的时候，如果运算数是非数字的，会转成数字进行计算。但是当加号运算符时，String和其他类型时，其他类型都会转为 String，此时的算数运算符作用的+就会变成拼接字符串的作用的+。这一转换是通过调用对象的方法valueOf()或tostring()方法来实现的。
2. 当运算数是undefined的时候，也就是做改值未被赋值的时候，undefined 转化为Number是 为’NaN‘，任何值、任何类型与NaN相互运算都为NaN，也就是说只要未赋值算数运算后的值就是NaN。（值NaN永远不会其他值等同）
3. null的转换成number型后的值为0，Boolean值里的true为1，false为0
4. 一元减运算符（-），当被用于一个运算数之前时，是一个取反操作。如果运算数是非数字的，运算符-会将其转成数字，如果参数不能别转换那么就会返回NaN。
5. 一元加运算符（+），当放在数字型的运算数之前什么都没做，但一元加运算符对于非数字型的有转换成数字的功能，如果参数不能被转换，就会返回NaN

console.log(1+"true");//1true
console.log(1+true);//1+1=2
console.log(1+undefined);//NaN
console.log(1+null);//1
console.log(+[]);//0
console.log(+{});//NaN

---

相等运算符的转换

1. ==用来检测两个值是否相等，如果相等返回值是true，否者是false
2. 两个对象永远不会相等因为他们指向不同的地址，引用不同的对象
3. 如果一个值是null，另一个值是undefined，他们会相等
4. 如果一个值是数字一个值是字符串，==会把字符串转成数字，再用转换后的值比较
5. 如果一个值是true，会将它转成1，再进行比较，如果是false，会将它转成0，再进行比较

console.log(true == "1");//true
console.log({a:1}=={b:1});//false
console.log(null==undefined);//true
console.log("1"==1);//true

---

关系运算符的转换

1. 大于、小于、小于等于、大于等于（>、<、>=、<=）这些比较运算符的运算数可以是任意类型的。但是比较运算只能在数字和字符串上执行，所以不是数字或者字符串的运算数将被转换成数字或者字符串
2. 如果都是是字符串，那么将作为字符串进行比较。字符串的比较方法是件字符转成unicode码进行比较。多个字符比较是从左边往右边。
3. 当字符串和数字比较时，如果字符串不代表数字，它将被转成NaN，比较的结果是false，如果是数字字符串，那么字符串会转成number类型，再进行比较。
4. 如果某个比较数是NaN，或者被转成了NaN，比较运算符总是生成false
5. 运算数不能被成功转换的时候，比较运算符总是返回false

console.log("2">"10")//true,注意这里是字符串之间的比较，所以是是unicode码的比较
console.log("2">10)//false,这是字符串和数字的比较，会把字符串转成数字2
console.log("abc">"aac")//true,会逐个比较，第一个字符相等第二个unicode码b大于c
console.log("aa">2)//false,因为“aa”运算数是NaN，所以无论如何比较都是false

---

逻辑非运算符

1. 运算符！是一元运算符，放在一个运算数之前，用来对运算数的布尔值取反。也就是当一个数据类型在前面加上！后就会返回的是布尔型的值。
2. 逻辑运算符的优先级高于相等运算符

console.log([]==0)//true，
//[]通过valueOf和toString方法得到空字符串，Number("")==0,返回true
console.log(![]==0)//true,
//由于逻辑运算符的优先级高，所以先将![]执行值为false，false==0所以返回true
console.log([]==![])//true,
//[]隐式转换后是"",Number("")==0;![]=false,Number(false)==0;所以返回true
console.log([] == [])//false
//复杂数据类型的数据存在堆中，只存地址，二者的地址不一样，所以返回的是false
console.log([] +{})//0
// javascript在运行时, 将 第一次{} 认为是空的代码块，所以就相当于 +[] = 0

补充

!!String("")   // 返回true
!!Boolean("")  // 返回false
!!Number("")   // 返回true
 
!!Boolean([])   // 返回true
!!String([])    // 返回false
!!Number([])    //false
 
!!String(0)   // 返回true  #被转为字符串"0"
!!Number(0)      // 返回false
!!Boolean(0)   // 返回false
 
[] 转为字符串是 ""       // String([]) 返回""
[] 转为数字是 0            // Number([]) 返回0
[] 转为布尔值是 true        // Boolean([]) 返回true
true 转为数字是 1       // Number(true) 返回1
false 转为数字是 0      // Number(false) 返回0