js中==、===、!=、!==的使用及区别

代码样例

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啦

分析

== 和 ===的差别就类似于 !=和!==的区别

==, 两边值类型不同的时候,要先进行类型转换,再比较。

===,不做类型转换,类型不同的一定不等。

先说 ===,这个比较简单。下面的规则用来判断两个值是否===相等:

  • 1、如果类型不同,就[不相等]

  • 2、如果两个都是数值,并且是同一个值,那么[相等];(!例外)的是,如果其中至少一个是NaN,那么[不相等]。(判断一个值是否是NaN,只能用isNaN()来判断)

  • 3、如果两个都是字符串,每个位置的字符都一样,那么[相等];否则[不相等]。

  • 4、如果两个值都是true,或者都是false,那么[相等]。

  • 5、如果两个值都引用同一个对象或函数,那么[相等];否则[不相等]。

  • 6、如果两个值都是null,或者都是undefined,那么[相等]。

再说 ==,根据以下规则:

  • 1、如果两个值类型相同,进行 === 比较。

  • 2、如果两个值类型不同,他们可能相等。根据下面规则进行类型转换再比较:

  • 3、如果一个是null、一个是undefined,那么[相等]。

  • 4、如果一个是字符串,一个是数值,把字符串转换成数值再进行比较。

  • 5、如果任一值是 true ,把它转换成 1 再比较;如果任一值是 false,把它转换成 0 再比较。

  • 6、如果一个是对象,另一 个是数值或字符串,把对象转换成基础类型的值再比较。对象转换成基础类型,利用它的toString或者valueOf方法。js核心内置类,会尝试 valueOf先于toString;例外的是Date,Date利用的是toString转换。非js核心的对象,令说(比较麻烦,我也不大懂)

  • 7、任何其他组合,都[不相等]。

posted @ 2022-10-13 17:07  含若飞  阅读(213)  评论(0编辑  收藏  举报