频道导航

浅谈JS中的!=、== 、!==、===的用法和区别

2019-01-06 JavaScript 前端之家

前端之家收集整理的这篇文章主要介绍了浅谈JS中的!=、== 、!==、===的用法和区别，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

<div class="jb51code">
<pre class="brush: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啦

== 和 != 比较若类型不同，先偿试转换类型，再作值比较，最后返回值比较结果。

而

=== 和 !== 只有在相同类型下,才会比较其值。

首先，== equality 等同，=== identity 恒等。

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

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

下面分别说明：

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

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

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

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

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

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

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

再说 ==，根据以下规则：

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

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

a、如果一个是null、一个是undefined，那么[相等]。

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

c、如果任一值是 true ，把它转换成 1 再比较；如果任一值是 false，把它转换成 0 再比较。

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

e、任何其他组合，都[不相等]。