JS中==、===和Object.is()的区别
JS中、=和Object.is()的区别
首先,先粗略了解一下这三个玩意儿:
- ==:等同,比较运算符,两边值类型不同的时候,先进行类型转换,再比较;
- ===:恒等,严格比较运算符,不做类型转换,类型不同就是不等;
- Object.is()是ES6新增的用来比较两个值是否严格相等的方法,与===的行为基本一致。
下面分别详细说明一下这三个玩意儿:
1.先说===,这个比较简单,只需要利用下面的规则来判断两个值是否恒等就行了:
如果类型不同,就不相等
如果两个都是数值,并且是同一个值,那么相等;
值得注意的是,如果两个值中至少一个是NaN,那么不相等(判断一个值是否是NaN,可以用isNaN()或Object.is()来判断)。
如果两个都是字符串,每个位置的字符都一样,那么相等;否则不相等。
如果两个值都是同样的Boolean值,那么相等。
如果两个值都引用同一个对象或函数,那么相等,即两个对象的物理地址也必须保持一致;否则不相等。
如果两个值都是null,或者都是undefined,那么相等。
2. 再说Object.is(),其行为与===基本一致,不过有两处不同:
- +0不等于-0。
- NaN等于自身。
举个栗子☺:
+0 === -0 //true
NaN === NaN // false
Object.is(+0, -0) // false
Object.is(NaN, NaN) // true
3. 最后说==,根据以下规则来进行判断:
- 如果两个值类型相同,进行===比较。
- 如果两个值类型不同,那么他们可能相等。根据下面规则进行类型转换,然后再比较:
- 如果一个是null、一个是undefined,那么相等。
- 如果一个是字符串,一个是数值,把字符串转换成数值再进行比较。
- 如果任一值是true,把它转换成 1 再比较;如果任一值是false,把它转换成 0 再比较。
- 如果一个是对象,另一个是数值或字符串,把对象转换成基础类型的值再比较。对象转换成基础类型,利用它的toString或者valueOf方法。
- JS的核心内置类,会尝试valueOf先于toString;但有一个是例外——Date,Date利用的是toString转换。
- 非JS核心的对象,令说(比较麻烦,我也不大懂)。
- 任何其他组合,都不相等。
举个栗子☺:
"1" == true:类型不等,true 会先转换成数值 1 ,现在变成 “1” == 1 ,再把 “1” 转换成 1 ,比较 1 == 1 , 相等。
总结
=:赋值运算符。
==:等于。
===:严格等于。
Object.is():加强版严格等于。
例:
var a = 3;
var b = "3";
a==b; // true
a===b; // false,因为a,b的类型不一样
Object.is( a, b ); //false,因为a,b的类型不一样
最后来个实战例子吧
体会一下ES6
中的这个新特性是不是爽歪歪~~
// 2. 找出数组中的所有数字,并把结果进行累加,请写出对应的程序
let arr = ['m', '', 1, NaN, 20, 3, '20px', 56, 18, Infinity];
let r4 = arr.reduce((result,item,index,self)=>{
if (!Object.is(item,'') && !Object.is(item,NaN) && !Object.is(item,Infinity) && typeof item === 'number'){
return result + item
}else{
return result
}
},0)
console.log(r4);
JS中==、===和Object.is()的区别的更多相关文章
- JS中isPrototypeOf 和hasOwnProperty 的区别 ------- js使用in和hasOwnProperty获取对象属性的区别
JS中isPrototypeOf 和hasOwnProperty 的区别 1.isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的 ...
- 浅谈JS中的!=、== 、!==、===的用法和区别 JS中Null与Undefined的区别 读取XML文件 获取路径的方式 C#中Cookie,Session,Application的用法与区别? c#反射 抽象工厂
浅谈JS中的!=.== .!==.===的用法和区别 var num = 1; var str = '1'; var test = 1; test == num //tr ...
- (网页)Angular.js 中 copy 赋值与 = 赋值 区别
转自st.gg Angular.js 中 copy 赋值与 = 赋值 区别 为什么用 $scope.user = $scope.master; $scope.master 会跟着 $scope.use ...
- js中的substr和substring区别
js中的substr和substring区别 Substring: 该方法可以有一个参数也可以有两个参数. (1) 一个参数: 示例: var str=“Olive”: str.substring( ...
- JS 中的require 和 import 区别整理
ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使 ...
- JS中typeof与instanceof的区别
JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的.但它们之间还是有区别的: Typeof typeof 是一个一元运算,放在一个运算数之前 ...
- [转]html js中name和id的区别和使用分析
js中web页面元素的调用可以有两种识别方法:id和name 自己在用的过程中总结一下id和name的使用区别. 一,使用范围 除 BASE, HEAD, HTML, META, SCRIPT, ST ...
- JS中typeof与instanceof的区别 (2010-05-26 10:47:40
JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的.但它们之间还是有区别的: typeof typeof 是一个一元运算,放在一个运算数之前 ...
- 浅谈js中null和undefined的区别
在JS中,null和undefined是经常让人摸不着头脑的东西,尤其是在数据初始化以及处理的过程中,经常稍微不注意,就会让页面在渲染时出现报错,下面来细说下,这两者之间的区别: null 表示一个对 ...
- js中的call,apply,bind区别
在JavaScript中,call.apply和bind是Function对象自带的三个方法,这三个方法的主要作用是改变函数中的this指向. call.apply.bind方法的共同点和区别:app ...
随机推荐
- 算法Sedgewick第四版-第1章基础-024-M/M/1 queue
/****************************************************************************** * Compilation: javac ...
- [译]Javascript中的循环
本文翻译youtube上的up主kudvenkat的javascript tutorial播放单 源地址在此: https://www.youtube.com/watch?v=PMsVM7rjupU& ...
- easyui 插入中间行
function inserrow() { var index_dx = 0; var index_lt = 0; var rows = $('#dg').datagrid('getRows')//获 ...
- Docker-教程(一)CentOS Docker 安装
Docker支持以下的CentOS版本: CentOS 7 (64-bit) CentOS 6.5 (64-bit) 或更高的版本 前提条件 目前,CentOS 仅发行版本中的内核支持 Docker. ...
- Binder学习笔记(四)—— ServiceManager如何响应checkService请求
这要从frameworks/native/cmds/servicemanager/service_manager.c:347的main函数说起,该文件编译后生成servicemanager. int ...
- 基于XML的类的属性的装配
基于XML的属性装配 1.手动装配 <!-- 属性的装配:手动装配 --> <bean id="userService" class="com.neue ...
- git ignore文件
创建.gitignore文件来设置git要忽略的文件模式: 官方文件列列表:https://github.com/github/gitignore 1. 所有空行或者以 # 开头的行都会被 Git 忽 ...
- ubuntu 搭建django 环境
ubuntu 默认安装了 python2.7 . 安装django apt install python-django: 安装mysql apt install mysql-server* *代表版 ...
- 1001 害死人不偿命的(3n+1)猜想 (15)(15 分)
卡拉兹(Callatz)猜想: 对任何一个自然数n,如果它是偶数,那么把它砍掉一半:如果它是奇数,那么把(3n+1)砍掉一半.这样一直反复砍下去,最后一定在某一步得到n=1.卡拉兹在1950年的世界数 ...
- D - Frogger
Freddy Frog is sitting on a stone in the middle of a lake. Suddenly he notices Fiona Frog who is sit ...