【重温基础】18.相等性判断

本文是 重温基础 系列文章的第十八篇。今日感受：优化自己的代码，也是很愉快的事情。 系列目录：【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理)【重温基础】1-14篇【重温基础】15.JS对象介绍【重温基础】16.JSON对象介绍【重温基础】17.WebAPI介绍本章节复习的是JS中的关于严格相等和非严格相等的一些知识。 前置知识： 判断两个变量的值是否相等，是编程中非常重要的一个操作。这里我们心里面先有两组对照，思考下：相等 和 不相等全等 和 不全等1.介绍在我们比较字符串、数值和布尔值的相等性，是比较简单的，但是到了比较对象的时候，问题就比较复杂。 早期的时候ECMAScript规范中，在判断相等和不相等时，会先将对象转换成相似的类型，再执行比较。后面有人质疑其合理性，最后ECMAScript提出解决方法：提供两组操作符：相等和不相等（宽松相等）：先转换再比较，使用==全等和不全等（严格相等）：仅比较不转换，使用===另外还有一类ES6新增的方法：Object.is （ES6新增）2.相等和不相等JavaScript中用相等操作符使用==进行比较，若两个操作数相等，则返回true，否则返回false。反之，不相等操作符使用!=。 这两个操作符都会先转换操作数类型，再进行比较。 通常在转换不同数据类型时，相等和不相等会遵循以下规则：若有一个操作数是布尔值，则比较前会将布尔值转换为数值：false转为0，true转为1。若一个操作数是字符串，另一个是数值，则比较前会将字符串转换为数值。若一个操作数是对象，另一个不是，则比较前会调用valueOf()方法，用返回的基本类型值来判断。两个操作符进行比较时会遵循下面规则：null和undefined相等。比较前不能讲null和undefined转换成其他值。若一个操作数是NaN，则不相同（==时返回false，!=时返回true）。若两个操作数是NaN，则不相同（==时返回false，!=时返回true）。若两个操作数都是对象，则比较它们是不是同一个对象。若两个操作数都指向同一个对象，则相等操作符返回true，否则返回false。下面列出一些特殊情况的比较 ：表达式值null == undefinedtrue"NaN" == NaNfalse9 == NaNfalseNaN == NaNfalseNaN != NaNtruefalse == 0truetrue == 0truetrue == 1falseundefined == 0falsenull == 0false"9" == 9true3.不全等除了比较前不转换操作数歪，全等和不全等与相等和不相等并无区别，但使用的是===，只有当不转换的情况下两个操作数相同，才会返回true。“99” == 99 ; // true 因为先转换类型 number 和 number"99" === 99 ; // false 因为不转换类型 string 和 number不全等操作符就相对应的使用!==：“99” != 99 ; // false 因为先转换类型 number 和 number"99" !== 99 ; // true 因为不转换类型 string 和 number特殊的：null == undefined; // true 类似的值null === undefined; // false 类型不同由于相等和不相等操作符存在类型转换问题，因此为了保持代码中数据类型的完整性，我们推荐使用去哪等和不全等操作符。4.同值相等（Object.is）Object.is(value1, value2);，传入两个需要对比的值。 Object.is() 判断两个值是否相同，并且不会对参数进行类型转换。如果下列任何一项成立，则两个值相同：两个值都是 undefined两个值都是 null两个值都是 true 或者都是 false两个值是由相同个数的字符按照相同的顺序组成的字符串两个值指向同一个对象两个值都是数字并且都是正零 +0都是负零 -0都是 NaN都是除零和 NaN 外的其它同一个数字Object.is(’leo’, ’leo’); // trueObject.is(window, window); // trueObject.is(’leo’, ‘pingan’); // falseObject.is([], []); // falsevar leo = { a: 1 };Object.is(leo, leo); // trueObject.is(null, null); // true// 特例Object.is(0, -0); // falseObject.is(-0, -0); // trueObject.is(NaN, 0/0); // true另外还有特殊的：零值相等：与同值相等类似，不过会认为 +0 与 -0 相等。5.对比图相等操作符对于不同类型的值，进行的比较如下图所示（来源 MDN）： 注意：ToNumber(A) 表示比较前将参数 A 转换为数字ToPrimitive(A)通过尝试调用 A 的A.toString() 和 A.valueOf() 方法，将参数 A 转换为原始值（Primitive）。参考文章：MDN JavaScript 中的相等性判断JavaScript高级程序设计本部分内容到这结束Author王平安E-mailpingan8787@qq.com博 客www.pingan8787.com微 信pingan8787每日文章推荐https://github.com/pingan8787…JS小册js.pingan8787.com