JavaScript数据类型转换

数据类型转换

1. 引入一题目 [] == ![]结果是什么？[] == []结果又是如何呢？

[] == ![]
解析: 转换顺序问题TODO
== 中，左右两边都需要转换为数字然后进行比较。
[] 转换为数字为0。
![] 首先是转换为布尔值，由于[]作为一个引用类型转换为布尔值为true,
因此![]为false，进而在转换成数字，变为0。
0 == 0 ， 结果为true

[] == []
[] == [] ,结果为false？ why? 引用和引用比，看地址是否是同一个；所以为false；

引入第二 {} + false； false + {}结果分别是什么?

{} + false
{} 在最开始会被解释为代码块，所以输出0；

false + {}
输出 "false[object Object]"

2. JS中类型转换有哪几种？

JS中，类型转换只有三种：

• 转换成数字
• 转换成布尔值
• 转换成字符串

转换具体规则如下:

注意"Boolean 转字符串"这行结果指的是 true 转字符串的例子

类型转换.png

3. == 和 ===有什么区别？

===叫做严格相等，是指：左右两边不仅值要相等，类型也要相等，例如'1'===1的结果是false，因为一边是string，另一边是number。
复制代码

==不像===那样严格，对于一般情况，只要值相等，就返回true，但==还涉及一些类型转换，它的转换规则如下：

• 两边的类型是否相同，相同的话就比较值的大小，例如1==2，返回false
• 判断的是否是null和undefined，是的话就返回true
• 判断的类型是否是String和Number，是的话，把String类型转换成Number，再进行比较
• 判断其中一方是否是Boolean，是的话就把Boolean转换成Number，再进行比较
• 如果其中一方为Object，且另一方为String、Number或者Symbol，会将Object转换成字符串，再进行比较

console.log({a: 1} == true);//false
console.log({a: 1} == "[object Object]");//true
复制代码

4. 对象转原始类型是根据什么流程运行的？

对象转原始类型，会调用内置的[ToPrimitive]函数，对于该函数而言，其逻辑如下：

1. 如果Symbol.toPrimitive()方法，优先调用再返回
2. 调用valueOf()，如果转换为原始类型，则返回
3. 调用toString()，如果转换为原始类型，则返回
4. 如果都没有返回原始类型，会报错

var obj = {
  value: 3,
  valueOf() {
    return 4;
  },
  toString() {
    return '5'
  },
  [Symbol.toPrimitive]() {
    return 6
  }
}
console.log(obj + 1); // 输出7
复制代码

5. 如何让if(a == 1 && a == 2)条件成立？

其实就是上一个问题的应用。

var a = {
  value: 0,
  valueOf: function() {
    this.value++;
    return this.value;
  }
};
console.log(a == 1 && a == 2);//true

引用链接：https://juejin.cn/post/6844903974378668039