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

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


本文是 重温基础 系列文章的第十八篇。 今日感受:优化自己的代码,也是很愉快的事情。

系列目录:

本章节复习的是JS中的关于严格相等和非严格相等的一些知识。

前置知识:

判断两个变量的值是否相等,是编程中非常重要的一个操作。这里我们心里面先有两组对照,思考下:

  • 相等 和 不相等
  • 全等 和 不全等


1.介绍

在我们比较字符串、数值和布尔值的相等性,是比较简单的,但是到了比较对象的时候,问题就比较复杂。

早期的时候ECMAScript规范中,在判断相等和不相等时,会先将对象转换成相似的类型,再执行比较。后面有人质疑其合理性,最后ECMAScript提出解决方法:提供两组操作符:

  • 相等不相等(宽松相等):先转换再比较,使用==
  • 全等不全等(严格相等):仅比较不转换,使用===

另外还有一类ES6新增的方法:


  • Object.is (ES6新增)


2.相等和不相等

JavaScript中用相等操作符使用==进行比较,若两个操作数相等,则返回true,否则返回false。反之,不相等操作符使用!=

这两个操作符都会先转换操作数类型,再进行比较

通常在转换不同数据类型时,相等和不相等会遵循以下规则:

  • 若有一个操作数是布尔值,则比较前会将布尔值转换为数值false转为0true转为1
  • 若一个操作数是字符串,另一个是数值,则比较前会将字符串转换为数值
  • 若一个操作数是对象,另一个不是,则比较前会调用valueOf()方法,用返回的基本类型值来判断。

两个操作符进行比较时会遵循下面规则:

  • nullundefined相等。
  • 比较前不能讲nullundefined转换成其他值。
  • 若一个操作数是NaN,则不相同(==时返回false!=时返回true)。
  • 若两个操作数是NaN,则不相同(==时返回false!=时返回true)。
  • 若两个操作数都是对象,则比较它们是不是同一个对象。
  • 若两个操作数都指向同一个对象,则相等操作符返回true,否则返回false

下面列出一些特殊情况的比较 :

表达式
null == undefined true
"NaN" == NaN false
9 == NaN false
NaN == NaN false
NaN != NaN true
false == 0 true
true == 1 true
true == 2 false
undefined == 0 false
null == 0 false
"9" == 9 true


3.全等和不全等

除了比较前不转换操作数歪,全等和不全等与相等和不相等并无区别,但使用的是===,只有当不转换的情况下两个操作数相同,才会返回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');     // true
Object.is(window, window);   // true
Object.is('leo', 'pingan');     // false
Object.is([], []);           // false
var leo = { a: 1 };
Object.is(leo, leo);       // true
Object.is(null, null);       // true
// 特例
Object.is(0, -0);            // false
Object.is(-0, -0);           // true
Object.is(NaN, 0/0);         // true

另外还有特殊的:

  • 零值相等:

与同值相等类似,不过会认为 +0-0 相等。


5.对比图

相等操作符对于不同类型的值,进行的比较如下图所示(来源 MDN):

注意:

  • ToNumber(A) 表示比较前将参数 A 转换为数字
  • ToPrimitive(A)通过尝试调用 AA.toString()A.valueOf() 方法,将参数 A 转换为原始值(Primitive)。

参考文章:

  1. MDN JavaScript 中的相等性判断
  2. JavaScript高级程序设计


目录
相关文章
|
JavaScript 前端开发 Java
trim处理是什么,怎样使用
trim处理是什么,怎样使用
|
10月前
|
SQL
UNIQUE
【11月更文挑战第14天】
342 6
ThinkPHP6的控制器定义及控制器初使用
本文介绍了ThinkPHP6框架中控制器的定义和初步使用方法。内容包括控制器的文件位置、命名规范、如何改变控制器目录名、单应用模式下的项目访问路径,以及控制器类文件的实际位置和访问URL的示例。文章还提到了ThinkPHP的控制器类可以灵活定义,无需继承任何基础类库,但建议继承一个基础的控制器类以方便扩展。控制器名不区分大小写,并且支持驼峰命名转下划线的方式。
ThinkPHP6的控制器定义及控制器初使用
|
SQL 关系型数据库 分布式数据库
PolarDB产品使用问题之相同的SQL语句在不同时间执行EXPLAIN计划显示出不同的索引类型,是什么原因
PolarDB产品使用合集涵盖了从创建与管理、数据管理、性能优化与诊断、安全与合规到生态与集成、运维与支持等全方位的功能和服务,旨在帮助企业轻松构建高可用、高性能且易于管理的数据库环境,满足不同业务场景的需求。用户可以通过阿里云控制台、API、SDK等方式便捷地使用这些功能,实现数据库的高效运维与持续优化。
PolarDB产品使用问题之相同的SQL语句在不同时间执行EXPLAIN计划显示出不同的索引类型,是什么原因
|
测试技术 开发者
守护代码质量的利器:揭秘Vaadin单元测试的奥秘,助你打造无懈可击的Web应用
【8月更文挑战第31天】在软件开发中,单元测试是确保代码质量和稳定性的重要手段。对于使用Vaadin框架开发的Web应用,有效的单元测试尤为关键。Vaadin提供了完善的工具链支持,并鼓励测试驱动开发(TDD)。本文详细介绍了如何为Vaadin应用编写单元测试,并通过具体示例展示了测试环境搭建、依赖配置以及对简单`UserForm`组件的测试方法。通过JUnit和Mockito,我们验证了表单字段的变化及有效性,确保组件按预期工作,从而提升应用的整体健壮性和可靠性。这不仅有助于发现潜在问题,还能简化未来的维护工作。
93 0
|
运维 资源调度 监控
精准监控与自动化:提升运维效率的关键技术
在当今信息技术快速发展的背景下,运维管理越来越需要高效的监控和自动化工具来应对复杂的系统环境和服务需求。本文探讨了如何通过精准监控技术和自动化流程,提升运维效率并减少故障处理时间,从而实现IT基础设施的稳定性和可靠性。 【7月更文挑战第2天】
208 1
|
Kubernetes API 调度
在K8S中,worke节点启动阶段包括什么?
在K8S中,worke节点启动阶段包括什么?
|
数据采集 搜索推荐 算法
谷歌SEO外链策略解析:如何在百度SEO中找到优势?
答案是:可以选择主流的GPB外链。 理解谷歌和百度的SEO 搜索引擎优化(SEO)是提升网站在搜索引擎中的排名,从而增加网站流量的关键策略。 其中,谷歌SEO和百度SEO各有特点和独特的算法。 了解两者的差异和特性,才能制定有效的SEO策略。 在本文中,我们将详细探讨谷歌seo新规则【2023年最新】,并比较百度SEO的相关规则。
322 0
|
XML 缓存 Java
Spring IoC源码学习:context:component-scan 节点详解
在 Spring IoC:parseCustomElement详解 中,我们介绍了自定义命名空间节点解析的大部分内容,但是还剩下节点解析的具体过程。本文将以<context:component-scan /> 节点为例子,介绍自定义命名空间 context 的 component-scan 节点的解析过程。
289 0
Spring IoC源码学习:context:component-scan 节点详解