JS学习基础篇：类型转换

JS学习基础篇：类型转换

在js中，类型转换只存在三种情况,分别是:

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

转为boolean类型规则：
除了undefined,null,NaN,false,+0,-0,’ '，之外，其他值都会转换为true，包括所有对象

类型转换常见于各种运算中：

对于 + 运算符，有以下特点:

• 如果运算符有一边为字符串，另一边也会被转换为字符串
• 如果有一方不是数字或字符串，会被转为数字或字符串

console.log('a' + 1); // 'a1'
console.log('a' + false); // 'afalse'
console.log([2] + 5);   // 25
console.log(true + true) // 2

除了 + 以外的运算符，只要一方为数字，另外一方就会被转为数字

== 运算符类型转换规则

1. null和undefined，相等。
2. 数字和字符串进行比较，两边转化为数字再做比较。
3. 如果有true或false，转化为1或0，再比较。
4. 如果有引用类型，优先调用valueOf，如果没有返回原始类型，再调用toString。
5. 其余都不相等。

console.log(true == '1') // true
console.log(true == 'true') // false
console.log(1 == '1') // true
console.log(1 == true) // true

[] == [],{} == {} 结果为什么是false?
同类型比较，不会进行类型转换，[],{} 都为引用类型,比较的是地址值,因此结果为false

console.log([] == []) // false
console.log({} == {}) // false

[] == ![]返回结果是什么？为什么?
!优先级高 先将右边转为布尔型，![]值为false,等式此时等价于[] == false,根据规则,false转换为0，即[] == 0,[]调用valueOf没有返回原始类型,继续调用toString,返回空字符串，空字符串转为数字0，最终结果为true

console.log([] == ![]) // true

对象转原始类型，内部函数调用顺序

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

var a = {
    value:1,
    valueOf() {
        return 2
    },
    toString() {
        return 3
    },
    [Symbol.toPrimitive]() {
        return 4
    }
}

console.log(a + 1)// 5

问：如何让(a == 1 && a == 2) 返回true?

// 对象转原始类型时会先调用valueOf方法
var a ={
    value:1,
    valueOf() {
        return this.value++
    }
}

console.log(a == 1 && a==2) // true

详细类型转换规则如下：

侵删