摘要:原始类型值比较原始类型值有五种布尔值字符串数值。用来比较两个值是否严格相等,与严格比较运算符的行为基本一致。返回布尔值,相等返回,不相等返回。
比较运算符之相等运算符
ES5 比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。前者在比较时对于不同数据类型的值会进行类型转换;而后者不会转换,且结果更容易预测,并且因为没有隐式转换,全等比较的运行会更快。因此建议使用严格相等运算符===进行值的比较。
严格相等运算符 === (1) 不同类型的值比较如果比较的两个值的类型不同,直接返回false。
1 === "1" // false true === "true" // false(2) 原始类型值比较
原始类型值有五种:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)。
值相同就返回true,值不同就返回false。
null === null // true null === undefined // false
正常情况下值相同就返回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 " 123 " == 123 // true // 因为字符串转为数字时,省略前置和后置的空格(2) undefined 和 null
undefined 和 null 与其他类型的值比较时,结果都为 false,它们互相比较时结果为 true。
false == null // false false == undefined // false 0 == null // false 0 == undefined // false NaN == undefined // false undefined == null // true(3) 对象与原始类型值比较
对象(这里指广义的对象,包括数组和函数)与原始类型的值比较时,对象转换成原始类型的值,再进行比较。
[1] == 1 // true // 等同于 Number([1]) == 1
[1] == "1" // true // 等同于 String([1]) == "1" [1, 2] == "1,2" // true // 等同于 String([1, 2]) == "1,2"
[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 });
判断相等一览表
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/98896.html
摘要:作为对象原型链的终点。调用函数时,应该提供的参数没有提供,该参数等于。它可以用于引用该函数的函数体内当前正在执行的函数。 一 JS 二 CSS 一 JS ==和===的区别 ===叫做严格运算符 ==叫做相等运算符严格运算符比较时不仅仅比较数值还要比较数据类型是否一样相等运算符在比较相同类型的数据时,与严格相等运算符完全一样。 在比较不同类型的数据时,相等运算符会先将数据进行类型转换,...
摘要:作为对象原型链的终点。调用函数时,应该提供的参数没有提供,该参数等于。它可以用于引用该函数的函数体内当前正在执行的函数。 一 JS 二 CSS 一 JS ==和===的区别 ===叫做严格运算符 ==叫做相等运算符严格运算符比较时不仅仅比较数值还要比较数据类型是否一样相等运算符在比较相同类型的数据时,与严格相等运算符完全一样。 在比较不同类型的数据时,相等运算符会先将数据进行类型转换,...
摘要:通常在转换不同数据类型时,相等和不相等会遵循以下规则若有一个操作数是布尔值,则比较前会将布尔值转换为数值转为,转为。 本文是 重温基础 系列文章的第十八篇。今日感受:优化自己的代码,也是很愉快的事情。 系列目录: 【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) 【重温基础】1-14篇 【重温基础】15.JS对象介绍 【重温基础】16.JSON对象介绍 【重温基础...
摘要:如果没有传入的话如果是类型,则取否则,取这个方法大致和一样,除了以下返回返回参考知乎中和区别是什么全面解析中的数据类型与类型转换规范 有哪些判断相等性的方法 JavaScript现在提供了三种方法来判断相等性: ===,三个等号即严格相等 ==,两个等号即宽松相等 Object.is(),ES6中用来判断相等的方法 判断相等性的细节 ===(严格相等) 被比较的两个数不会进行类型转...
本篇文章主要是讲述在JavaScript中判断两个值相等,不要认为很简单,要注意的是在JavaScript中存在4种不同的相等逻辑。 ECMAScript 是 JavaScript 的语言规范,在ECMAScript 规范中存在四种相等算法,如下图所示: 上图中每个依次写下来,很多前端应该熟悉严格相等和非严格相等,但对于同值零和同值却不熟悉,现在就依次下面四种方法。 同值 同值零 非...
阅读 2486·2021-08-11 11:16
阅读 2926·2019-08-30 15:55
阅读 3331·2019-08-30 12:53
阅读 1566·2019-08-29 13:28
阅读 3263·2019-08-28 18:17
阅读 934·2019-08-26 12:19
阅读 2465·2019-08-23 18:27
阅读 694·2019-08-23 18:17