javascript中!=、!==、==、===操作符总结

JavaScript 有两种比较方式：严格比较运算符和转换类型比较运算符。
在相等运算符中对应

===

!==

==

!=

先举个栗子

var str = '1'
var num0 = 0
var num1 = 1
var blT = true
var blF = false
var nul = null
var und = undefined
console.log(str == num1) // true
console.log(str == blT) // true
console.log(blT == num1) // true
console.log(blF == num0) // true
console.log(nul == und) // true

console.log(str === num1) // false
console.log(str === blT) // false
console.log(blT === num1) // false
console.log(blF === num0) // false
console.log(nul === und) // false

相等操作符(

==

===

类型转换

类型转换的途径:

对于两个类型不同的操作数比较。

• 字符串、布尔值都会先转换成数字类型，再做比较。

  toNumber(x)

• 对于复杂数据类型，会先将其转换为原始值，之后，再根据上一个规则比较。
  

  x = toPrimary(obj) ==> toNumber(x)

  
  而，如何转成原始类型值呢，一般都会自动通过自带的

  valueOf()

  方法或者

  toString()

  方法实现。如果转换之后非原始值，比较操作会报类型错误。

valueOf

toString

举个例子说明下，参考于知乎:

原始数据类型(string,number,boolean,null, undefined,symbol)。
复杂数据类型(Object, Function, Array, Date, ...)
基础数据类型的比较，是值的比较，Object对象的比较，则是引用的比较

相等操作符(

==

===

为什么建议使用

===

1. review代码时候，增加理解时间

在使用了

==

• 想当然的以为都可以。
• 确实需要通过类型转换来判断。
• 不应该类型转换，但是写错了。

2. 会判断错误

let num = 2
let obj = {
valueOf: function() {
return 2
}
}
console.log(obj == 2)

输出

true

!=

==

3. 会产生异常

let num = 2
let obj = {
valueOf: function() {
return {}
},
toString: function() {
return {}
}
}
console.log(obj === 2)
console.log(obj == 2)

第一行输出：

false

Uncaught TypeError: Cannot convert object to primitive value

通过前面类型转换，可以得知，一般情况下，对象会先转换为原始值。
而其过程是通过自带的

valueOf()/toString()

valueOf()/toString()

一般情况下，建议使用

===

==

条件表达式语句（if、三目运算等）

if (condition) {
statement1
} else {
statement2
}

以上是if语句的基础用法。通过判断

condition

statement1

statement2

var s = 'str'
var blT = true
var blF = false
if (s) {
console.log('正确')
} else {
console.log('错误')
}
console.log(s == blT)

以上语句，得到的结果是

正确
false

为什么if语句，会执行第一个代码块。而

s == blT

“正确”

• if语句的条件表达式，会自动调用

  Boolean()

  转换函数，将这个表达式的结果转换为一个布尔值。
• Boolean('str') = true

输出

false

• 根据在上面类型转换那部分所讲，会先调用

  Number()

  转换函数转换为数值，之后再比较。
• Number('str') = NaN
• Number(true) = 1

图表举例列出常见对象相等情况

普通相等
完全相等

【完】