JavaScript操作符之关系操作符

这个没什么好说的，学过数据的都知道。

let a = 1
let b = 2
let c = 3
console.log(a > b)
console.log(a < b)
console.log(a + b <= c)
console.log(a + b >= c)

复制

上面这种是针对数值的判断，但是现实中可能不这么美好，有时需要不同类型的也需要判断。

console.log("q" > "b")
console.log({} > "b")
console.log({} > [])
console.log(true > false)

复制

那么则遵循：

• 如果操作数都是数值，则执行数值比较。
• 如果操作数都是字符串，则逐个比较字符串中对应字符的编码。
• 如果有任一操作数是数值，则将另一个操作数转换为数值，执行数值比较。
• 如果有任一操作数是对象，则调用其 valueOf()方法，取得结果后再根据前面的规则执行比较。如果没有 valueOf()操作符，则调用 toString()方法，取得结果后再根据前面的规则执行比较。
• 如果有任一操作数是布尔值，则将其转换为数值再执行比较。

很多人搞不懂字符串是怎么比较的，对字符串而言，关系操作符会比较字符串中对应字符的编码，而这些编码是数值。比较完之后，会返回布尔值。

比如小写a对应的字符编码是097，小写z对应的字符编码是122：

console.log("a" < "z")  // true
console.log(065 < 090)  // true

复制

还有种情况是，如果一方是字符串（非数字字符串），另一方是数字

console.log("a" < 3)  
console.log("a" >= 3)

复制

根据上面规则，有一方是数字，另一方要转为数值，但是a不能转为数值，只能转为NaN，这里就有个很有意思的问题，我们常识是，如果一个数a不小于另外一个b，那么这个b一定大于等于a，但是在这里，我们通过控制台发现。

console.log("a" < 3)   // false
console.log("a" >= 3)  // false

复制

所以这里要重点记下，任何值和NaN比较时，都会返回false。