JavaScript中==、===、!=、!==运算符的区别与使用规范

var num = 1; 
  
var str = '1'; 
  
var test = 1; 
  
test == num  //true　相同类型　相同值 
  
test === num //true　相同类型　相同值 
  
test !== num //false test与num类型相同，其值也相同,　非运算肯定是false 
  
num == str  //true 　把str转换为数字，检查其是否相等。 
  
num != str  //false == 的 非运算 
  
num === str //false 类型不同，直接返回false 
  
num !== str //true  num 与 str类型不同 意味着其两者不等　非运算自然是true啦

在JavaScript中，==（相等）和!=（不相等）运算符在比较两个值时，如果它们的类型不同，会先尝试将其中一个或两个值转换为相同类型，然后再进行值的比较，最终返回比较结果。

相比之下，

===（严格相等）和!==（严格不相等）运算符仅在两个值的类型相同时才会比较它们的值。简而言之，==表示等同（equality），即允许类型转换后的相等；===表示恒等（identity），要求类型和值完全一致。

当使用==运算符且两边值的类型不同时，JavaScript引擎会先执行类型转换操作，将两个值转换为同一类型后再进行数值或字符串比较。

而===运算符则不进行任何类型转换，如果两个值的类型不同，它们直接被视为不相等。

下面分别对这两种比较机制进行详细说明。

===严格相等判断规则

首先说明===（严格相等）的判断规则，其逻辑相对简单：

1、如果两个值的类型不同，则判定为[不相等]。

2、如果两个值都是数值且值相同，则判定为[相等]；但有一个例外情况：如果其中至少一个值是NaN（Not a Number），则判定为[不相等]。（注意：判断一个值是否为NaN，必须使用isNaN()函数）。

3、如果两个值都是字符串，且每个位置的字符完全一致，则判定为[相等]；否则判定为[不相等]。

4、如果两个值都是布尔值true，或者都是布尔值false，则判定为[相等]。

5、如果两个值都引用同一个对象或函数，则判定为[相等]；否则判定为[不相等]。

6、如果两个值都是null，或者都是undefined，则判定为[相等]。

==相等运算符类型转换规则

接下来说明==（相等）运算符的判断规则：

1、如果两个值的类型相同，则直接进行===（严格相等）比较。

2、如果两个值的类型不同，它们仍可能相等。此时需根据以下规则进行类型转换后再比较：

a、如果一个值是null，另一个值是undefined，则判定为[相等]。

b、如果一个值是字符串，另一个值是数值，需将字符串转换为数值后再进行比较。

c、如果任一值是布尔值true，将其转换为数值1后再比较；如果任一值是布尔值false，将其转换为数值0后再比较。

d、如果一个值是对象，另一个值是数值或字符串，需将对象转换为基本类型的值后再比较。对象转换为基本类型时，通常调用toString()或valueOf()方法。JavaScript核心内置类会尝试先调用valueOf()方法，再调用toString()方法；例外的是Date对象，它使用toString()方法进行转换。对于非JavaScript核心内置的对象，转换规则较为复杂，此处不再赘述。

e、对于任何其他组合，均判定为[不相等]。

以下举例说明：

"1" == true

由于类型不同，布尔值true会先转换为数值1，此时表达式变为"1" == 1；接着字符串"1"被转换为数值1，最终比较1 == 1，结果为相等。

需要区分的是：=是赋值运算符；==是等于（值）运算符；===是全等于（类型和值）运算符。

示例代码如下： var a = 3; var b = "3";

执行a==b返回true，而a===b返回false。

这是因为变量a和b的数据类型不一致，导致严格相等比较失败。

因此，===运算符用于进行更严格的类型和值比较。

var data = ({"val":"7","flag":"true"});
<FONT face=Verdana></FONT>

布尔值与字符串的比较陷阱

下面讨论如何正确判断flag的值：

如果true加上双引号，即"true"，推测其为字符串类型。

如果不加双引号，使用===比较，则对应布尔值true。

这一点非常重要，许多开发者此前可能未充分理解这一区别。

写法1：

if(data.flag=true){…}else{..}

这种写法无论条件如何判断都会进入if分支，无法执行到else部分，原因是该写法相当于

if(true){…}

写法2：

if(data.flag==true){…}else{..}

这种写法在逻辑上是不存在的。

写法3：

if(data.flag='true'){…}else{..}

这种写法同样无论条件如何判断都会进入if分支，无法执行到else部分，原因是该写法相当于

if(true){…}

写法4：

if(data.flag=='true'){…}else{..}

这才是正确的写法。

运算符总结

"="符号表示赋值操作，并非比较运算符。

"=="符号表示等于（仅比较值）。

"==="符号表示全等于（同时比较类型和值）。

以上即为JavaScript中!=、==、!==、===运算符的用法和区别的全部内容，希望以上内容能对大家有所帮助。