目录
运算符
逻辑运算符(&&、||、!)和 条件表达式(if、三元表达式)
逻辑运算符
条件表达式
算数运算符(*、/、- %、+)和 关系运算符(>、<、==、!=)
算数运算符
关系运算符
js是动态类型语言也称弱类型,在编写代码时,即在做计算的值类型不一样会做隐式类型转换。
console.log(1 + '2') // '12'
console.log('1' == true) // true
console.log('1' == 1) // true
console.log(true && 2) // 2
console.log(undefined == null) // true
console.log('3' * 2) // 6
console.log([1] + 1) // '11'
运算符
逻辑运算符(&&、||、!)和 条件表达式(if、三元表达式)
逻辑运算符和条件表达式会将值隐式转换成Boolean
转Boolean
- Boolean(1) // true
- Boolean('1') // true
- Boolean(true) // true
- Boolean(null) // false
- Boolean(undefined) // false
- Boolean([]) // true
- Boolean({}) // true
- Boolean(NaN) // false
逻辑运算符
console.log(1 && 2) // 隐式转换 Boolean(1) && Boolean(2)
//如果都为true则返回最后为true的值,如果有一个false则返回false, 输出2console.log(1 || false) // Boolean(1) && false
//返回第一个隐式转换为true的值, 输出1console.log(!3) // !Boolean(3)
//将3隐式转换成Boolean类型的值再取反,输出false
条件表达式
if(3) // 隐式转换 Boolean(3)
if(undefined) // Boolean(undefined)
if(null) // Boolean(null)3 ? 2 : 1 // Boolean(3), 为true, 输出24 && undefined ? 2 : 1 // Boolean(undefined), 为true 输出1
算数运算符(*、/、- %、+)和 关系运算符(>、<、==、!=)
算数运算符和条件表达式会将值隐式转换成Number,但是+法运算符有些特殊的规则
转换规则
基本数据类型的值转Number
- Number(1) // 1
- Number('1') // 1
- Number(true) // 1
- Number(null) // 0
- Number(undefined) // NaN
- Number(NaN) // NaN
- Number(Symbol(1)) // 报错
复杂数据类型转Number
const obj = {valueOf: function() {return 42;}
};
- Number({}) // NaN
- Number([1]) // 1
- Number(obj) // 42
1:js会判断该值的原始值(valueOf)是不是基本数据类型,如果是,转换其为Number,如果不是则按如下转换规则。
2: 将Object转换成String,再转换成Number。
算数运算符
+法运算符
运算结果要不是数字,要不是字符串,要不是NaN
做+法运算的时候,当任何非String类型值和String做运算,则会将其转换成String,再拼接字符串
console.log(1 + 1) // 2
console.log(1 + true) // 2
console.log(1 + false) // 1
console.log(true + false) // 1
console.log(1 + '1') // '11'
console.log(1 + undefined) // NaN
console.log([1] + '1') // '11',先将[1]转换成数字1,此时变成了 1 + '1',做字符串拼接'11'
-、*、/、%法运算符
运算结果要不是数字,要不是NaN
console.log(1 * 1) // 1
console.log(1 - true) // 0
console.log([2] * '1') // 2
console.log([2] / '1') // 2
console.log([2] % '1') // 0
console.log([2] * '1a') // NaN
关系运算符
运算结果总是布尔
console.log(1 == 1) // true
console.log(1 == true) // true
console.log(1 == false) // false
console.log(true == false) // false
console.log(['32'] > 22) // true
console.log(NaN == NaN) // flase