• =:一个等号为赋值操作
  • ==:二个等号为判断,判断的是值是否相等,相等返回 true,不等返回 false
  • ===:三个等号为全等,判断的是值和类型是否相等,相等返回 true,不等返回 false

等于操作符

等于操作符用两个等于号( == )表示,如果操作数相等,则会返回 true

JavaScript中存在隐式转换。等于操作符(==)在比较中会先进行类型转换,再确定操作数是否相等

遵循以下规则:

  1. 如果任一操作数是布尔值,则将其转换为数值再比较是否相等
let result1 = true == 1 // true
  1. 如果一个操作数是字符串,另一个操作数是数值,则尝试将字符串转换为数值,再比较是否相等
let result1 = '55' == 55 // true
  1. 如果一个操作数是对象,另一个操作数不是,则调用对象的 valueOf()方法取得其原始值,再根据前面的规则进行比较
let obj = {valueOf: function () {return 1},
}
let result1 = obj == 1 // true
  1. nullundefined相等
let result1 = null == undefined // true
  1. 如果有任一操作数是 NaN ,则相等操作符返回 false
let result1 = NaN == NaN // false
  1. 如果两个操作数都是对象,则比较它们是不是同一个对象。如果两个操作数都指向同一个对象,则相等操作符返回true
let obj1 = {name:"xxx"}
let obj2 = {name:"xxx"}
let result1 = (obj1 == obj2 ); // false

下面进一步做个小结:

  • 两个都为简单类型,字符串和布尔值都会转换成数值,再比较

  • 简单类型与引用类型比较,对象转化成其原始类型的值,再比较

  • 两个都为引用类型,则比较它们是否指向同一个对象

  • nullundefined 相等

  • 存在 NaN 则返回 false

全等操作符

全等操作符由 3 个等于号( === )表示,只有两个操作数在不转换的前提下相等才返回 true。即类型相同,值也需相同

let result1 = '55' === 55 // false,不相等,因为数据类型不同
let result2 = 55 === 55 // true,相等,因为数据类型相同值也相同

undefinednull 与自身严格相等

let result1 = null === null //true
let result2 = undefined === undefined //true

区别

相等操作符(==)会做类型转换,再进行值的比较,全等运算符不会做类型转换

let result1 = '55' === 55 // false,不相等,因为数据类型不同
let result2 = 55 === 55 // true,相等,因为数据类型相同值也相同

nullundefined 比较,相等操作符(==)为true,全等为false

let result1 = null == undefined // true
let result2 = null === undefined // false

小结

相等运算符隐藏的类型转换,会带来一些违反直觉的结果

'' == '0' // false
0 == '' // true
0 == '0' // truefalse == 'false' // false
false == '0' // truefalse == undefined // false
false == null // false
null == undefined // true' \t\r\n' == 0 // true

但在比较null的情况的时候,我们一般使用相等操作符==

const obj = {}if (obj.x == null) {console.log('1') //执行
}

等同于下面写法

if(obj.x === null || obj.x === undefined) {...
}

使用相等操作符(==)的写法明显更加简洁了

所以,除了在比较对象属性为null或者undefined的情况下,我们可以使用相等操作符( == ),其他情况建议一律使用全等操作符( === )

== 和 ===的区别相关推荐

  1. RPC 笔记(01)— RPC概念、调用流程、RPC 与 Restful API 区别

    1. 基本概念 PRC 远程过程调用 Remote Procedure Call,其就是一个节点请求另外一个节点提供的服务.当两个物理分离的子系统需要建立逻辑上的关联时,RPC 是牵线搭桥的常见技术手 ...

  2. C++ 笔记(28)— C++ 中 NULL和 nullptr 的区别

    最近看公司代码的时候发现在判断指针是否为空的时候,有的时候用的是 NULL, 有的时候用的是 nullptr 感觉很奇怪,好奇心驱使我查了下两者的区别,发现还是有很多细节需要学习的. 1. NULL ...

  3. gcc 和 g++ 的联系和区别,使用 gcc 编译 c++

    GCC 编译器已经为我们提供了调用它的接口,对于 C 语言或者 C++ 程序,可以通过执行 gcc 或者 g++ 指令来调用 GCC 编译器. 实际使用中我们更习惯使用 gcc 指令编译 C 语言程序 ...

  4. Python2 与 Python3 区别

    Python2.x 与 Python3.x 区别 1. print 函数 Python2 中 print 是语句(statement),Python3 中 print 则变成了函数.在 Python3 ...

  5. Docker 入门系列(1)- 初识容器,镜像、容器、仓库的区别

    Docker 简介 Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从Apache2.0协议开源. Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级.可移植的容器中,然后发 ...

  6. HTTP 协议入门 — (TCP/IP协议族、通信传输流、URI 与 URL 的区别、Cookie 状态管理、HTTP 支持的方法、状态码类别、HTTP 首部字段)

    TCP/IP协议族 在介绍 HTTP 协议之前,我们先对 TCP/IP 协议族有个大概的了解,TCP/IP 协议从上到下主要分为应用层.传输层.网络层和数据链路层,各层的主要功能如下表所示: 协议层 ...

  7. python二进制打开(rb)和文本格式打开(r)什么区别?

    使用 open() 函数以文本格式打开文件和以二进制格式打开文件,唯一的区别是对文件中换行符的处理不同. 在 Windows 系统中,文件中用 "\r\n" 作为行末标识符(即换行 ...

  8. python中__dict__与dir()区别

    前言 Python下一切皆对象,每个对象都有多个属性(attribute),Python对属性有一套统一的管理方案. __dict__与dir()的区别: dir()是一个函数,返回的是list: _ ...

  9. java和C#面向对象的区别

    问题:C#中的构造函数和java的构造函数一样吗? 答: .net的项目中,写实体Entity属性时,经常会为每一个属性写一对get和set方法,在用到这个实体或是一个类时,通过new实例化一个对象, ...

  10. 判别模型和生成模型的区别

    20210703 https://www.zhihu.com/question/20446337 机器学习"判定模型"和"生成模型"有什么区别? 重点 http ...

最新文章

  1. PyCharm软件常见配置
  2. 对seq2seq的一些个人理解
  3. 网页上加在线客服代码QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺
  4. matlab私有函数,MATLAB 嵌套函数,子函数,私有函数,重载函数
  5. ubuntu安装VMware Tools
  6. c++STL的反向迭代器
  7. 网络爬虫--14.【糗事百科实战】
  8. getprivateprofilestring读不到数据_Tomcat NIO(11)请求数据读取
  9. 两个SEO技巧让你的网站排名靠前
  10. python mongodb_python实现mongodb的增删改查
  11. 用glew,glfw实现opengl绘制3D学习笔记1-实现一个窗口
  12. 机械秒表的使用方法_秒表的使用方法?
  13. 【ANSYS命令流】结构分析单元与材料模型
  14. word读入富文本编辑器,编辑后导出下载word日常总结
  15. python imp模块
  16. Swift对象存储服务
  17. java获取汉字笔画数
  18. java 可能尚未初始化变量_Java:错误:变量可能尚未初始化
  19. 如何使用算法解决问题
  20. 戴尔服务器R730安装liunx系统

热门文章

  1. 解决failed to solve with frontend dockerfile.v0: failed to create LLB definition: unexpected status co
  2. 半监督目标检测(三)
  3. pip(Python包管理工具)安装第三方库教程
  4. 模型驱动式架构(MDA)技术简介
  5. 做人得厚道,不是么?
  6. MySQL 中事务的实现原理全解析
  7. 万能角度尺做仪器校准有哪些步骤?校准机构常见流程规范
  8. 如何绘制业务架构图 — 4.流程图
  9. SRM 453.5(Div1)
  10. fatal: unable to access ‘https://github.com/xxx/123.git/‘: Failed connect to github.com:443 解决方案