4

比较运算符之相等运算符

ES5 比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。前者在比较时对于不同数据类型的值会进行类型转换;而后者不会转换,且结果更容易预测,并且因为没有隐式转换,全等比较的运行会更快。因此建议使用严格相等运算符===进行值的比较。

严格相等运算符 ===

(1) 不同类型的值比较

如果比较的两个值的类型不同,直接返回false。

1 === "1"          // false
true === "true"    // false

(2) 原始类型值比较

原始类型值有五种:undefinednull、布尔值(Boolean)、字符串(String)、数值(Number)。

1. 非数值类型比较

值相同就返回 true,值不同就返回 false

null === null        // true
null === undefined   // false
2. 数值类型比较

正常情况下值相同就返回 true,值不同就返回 false。但有两个特殊情况:

一是0不分正负

0 === -0      //true

二是 NaN 本身不全等于任何值。

NaN === NaN     //false
NaN !== NaN     //true

也就是说 等式 (x !== x) 成立的唯一情况是 x 的值为 NaN

(3) 复合类型值比较

复合类型的值实际上存储的是数据的内存地址,因此两个复合类型(对象、数组、函数)的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个地址。

{} === {}                             // false
[] === []                             // false
(function () {} === function () {})   // false

上面代码分别比较两个空对象、两个空数组、两个空函数,结果都是不相等。那是因为空对象、空数组、空函数的值,都存放在不同的内存地址,因此结果是 false

而如果两个变量引用同一个对象,那它们则相等,因为它们引用的对象存储在同一个内存地址。

var v1 = {};
var v2 = v1;
v1 === v2      // true

相等运算符 ==

相等运算符用来比较相同类型的数据以及复合类型数据时,与严格相等运算符完全一样。比较不同类型的数据时,相等运算符会先将数据进行类型转换,然后再用严格相等运算符比较。

(1) 原始类型值比较

原始类型的值会转换成数值再进行比较。转换规则是使用 Number() 转换。

1 == true             // true   等同于 1 === Number(true)
0 == false            // true   等同于 0 === Number(false)
'true' == true        // false  等同于 Number('true') === Number(true)
'' == 0               // true   等同于 Number('') === 0
'' == false           // true   等同于 0 === 0
'\n  123  \t' == 123  // true  因为字符串转为数字时,省略前置和后置的空格

(2) undefined 和 null

undefinednull 与其他类型的值比较时,结果都为 false,它们互相比较时结果为 true

false == null          // false
false == undefined     // false
0 == null              // false
0 == undefined         // false
NaN == undefined       // false
undefined == null      // true

(3) 对象与原始类型值比较

对象(这里指广义的对象,包括数组和函数)与原始类型的值比较时,对象转换成原始类型的值,再进行比较。

1. 对象与数值比较时,对象转为数值 Number()
[1] == 1   // true  等同于 Number([1]) == 1
2. 对象与字符串比较时,对象转为字符串 String()
[1] == '1'      // true  等同于 String([1]) == '1'
[1, 2] == '1,2' // true  等同于 String([1, 2]) == '1,2'
3. 对象与布尔值比较时,两边都转为数值
[1] == true    // true  等同于 Number([1]) == Number(true)
[2] == true    // false 等同于 Number([2]) == Number(true)

类型转换参考数据类型的强制转换和隐式转换

Object.is(value1, value2)

相等运算符(==)和严格相等运算符(===)都有缺点,前者会自动转换数据类型,后者的 NaN 不等于自身,以及 +0 等于 -0。因此 ES6 的新方法 Object.is 可以用来解决这个问题。

Object.is 用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致。返回布尔值,相等返回 true,不相等返回 false

不同之处只有两个:一是+0不等于-0,二是NaN等于自身。

+0 === -0            //true
NaN === NaN          // false

Object.is(+0, -0)    // false
Object.is(NaN, NaN)  // true

对于不兼容 ES6 的浏览器,可以在ES5 环境下通过下面的代码,部署Object.is

Object.defineProperty(Object, 'is', {
  value: function(x, y) {
    if (x === y) {
      // 针对+0 不等于 -0的情况
      return x !== 0 || 1 / x === 1 / y;
    }
    // 针对NaN的情况
    return x !== x && y !== y;
  },
  configurable: true,
  enumerable: false,
  writable: true
});

判断相等一览表

判断相等一览表


Dora36
175 声望39 粉丝

怕什么真理无穷,进一寸有一寸的欢喜。