相等的判断 Object.is()

发布于:2022-11-30 ⋅ 阅读:(394) ⋅ 点赞:(0)

相等的判断

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Equality_comparisons_and_sameness

严格相等 ===

Strict Equality
不进行隐式类型转换
类型相同/值也相同

console.log(1 === '1');//false
console.log(1 === 2);//false

引用值必须是同一地址

var obj = {};
console.log(obj === obj); //true
console.log({} === {}); //false

NaN 和任何值都不等 包括自己

console.log(NaN === NaN); //false
console.log(NaN === -NaN); //false
console.log(NaN === undefined); //false
console.log(+0 === -0); //true
console.log(+Infinity === -Infinity); //false
console.log(Infinity === Infinity); //true

如何定义变量a 使得
a !== a 返回true
则a 为NaN

非严格相等

Abstract equality
隐式类型转换 - 等式两边都有可能被转换
转换后还是用严格相等来进行比较
ToPrimitive(A)通过尝试调用 A 的A.toString() 和 A.valueOf() 方法,将参数 A 转换为原始值(Primitive)。
任何对象都与undefined null 不相等

console.log(document.all == undefined); //true

全等对结果的预测是更加清晰明确的
全等在部隐式烈性转换的前提下更快
falsy 值 – 转换为布尔值 false的值
false 0 +/-0 8n “” ‘’ `` null undefined NaN

同值相等

same-value
在Objec.defineProperty定义value时 +0 与 -0 不是同一个值

var obj = {};
Object.defineProperty(obj, 'myZero', {
  value: -0,
  writable: false,
  configurable: false,
  enumerable: false,
});
Object.defineProperty(obj, 'myZero', {
  value: +0,
});

在这里插入图片描述
在此时NaN 与 NaN 是 一个值 不报错

var obj = {};
Object.defineProperty(obj, 'myNaN', {
  value: NaN,
  writable: false,
  configurable: false,
  enumerable: false,
});
Object.defineProperty(obj, 'myNaN', {
  value: NaN,
});

同值相等的底层实现 Object.is()
ES6才暴露出来
ES5没有暴露js引擎的同值相等的方法

Object.is()

参数 就是两个值
返回值就是同值相等判断的boolean结果
不进行隐式类型转换

var a = +0;
var b = -0;
var res = Object.is(a, b);
console.log(res); //false
var a = NaN;
var b = NaN;
var res = Object.is(a, b);
console.log(res); //true

console.log(Object.is(undefined, undefined)); //true
console.log(Object.is(true, true)); //true
console.log(Object.is(1, 1)); //true
console.log(Object.is(+0, +0)); //true
console.log(Object.is(+0, -0)); //false
console.log(Object.is(NaN, NaN)); //true
console.log(Object.is('123', '123')); //true

同一引用相等 不同引用不相等

var obj = {};
console.log(Object.is(obj, obj)); //true
console.log(Object.is({}, {})); //false

实现myIs

Object.myIs = function (a, b) {
  if (a === b) {
    return a !== 0 || 1 / a === 1 / b;
  }
  return a !== a && b !== b;
};

零值相等

var arr = [0, 1, 2, 3, 4, 5];

console.log(arr.includes(0)); //true
console.log(arr.includes(+0)); //true
console.log(arr.includes(-0)); //true

网站公告

今日签到

点亮在社区的每一天
去签到