js에서 평등 판단 ===, ==와 Object.is()의 차이점

JS를 처음 접하는 사람들은 평등 판단에 혼란스러울 것이라고 생각합니다. 다음 코드에서 몇 개나 정답을 맞힐 수 있나요?

NaN === NaN // false
NaN == NaN // false
Object.is(NaN, NaN) // true
0 == false  // true
1 == true   // true
Number(null) === 0  // true
null == 0   // false

Javascript는 엄격한 동등성, 완화된 동등성 및 Object.is라는 세 가지 값 비교 연산을 제공합니다. 오늘 정보를 확인한 후 다음 내용이 모든 사람에게 도움이 되기를 바랍니다. 어떤 실수라도 있으면 바로잡아주세요.

【관련 강좌 추천: JavaScript 동영상 튜토리얼】

1. 엄격한 평등 x === y 판단 논리

1. y의 데이터 유형은 false를 반환합니다.

2. x가 숫자 유형인 경우

● x가 NaN인 경우 false를 반환합니다.

● y가 NaN인 경우 false를 반환합니다.

● x의 값은 y의 값과 같습니다. return true

● x는 +0, y는 -0, return true

● x는 -0, y는 +0, return true

● 그렇지 않으면 false를 반환

3. 다른 유형은 SameValueNonNumber(x를 참조합니다. , y)

● 주장: x , y는 숫자 유형이 아닙니다.

● 주장: x, y는 동일한 데이터 유형을 가집니다.

● x는 정의되지 않고, y는 정의되지 않습니다. return true; , y는 null, true를 반환합니다.

● x는 문자열 유형이며, x와 y의 문자 시퀀스가 ​​정확히 동일한 경우(각 위치의 길이와 문자가 동일) true를 반환하고, 그렇지 않으면 반환합니다. false

● x가 Boolean 유형인 경우 x, y가 모두 true 또는 false인 경우 true를 반환하고, 그렇지 않으면 false를 반환합니다.

● x가 기호 유형인 경우 x와 y가 동일한 기호 값인 경우 반환; true, 그렇지 않으면 false를 반환합니다.

● 객체 값이 동일하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

NaN === NaN // false
undefined === undefined // true
null === null   // true
undefined === null  // false

2 x와 y가 동일하면 x == y

1. 동일한 유형이면 x===y;

2의 결과를 반환합니다. x가 null이고 y가 정의되지 않은 경우 true를 반환합니다.

3 x가 정의되지 않고 y가 null인 경우 true를 반환합니다.

4 . x가 숫자 값이고 y가 문자열인 경우 x == ToNumber(y);를 반환합니다. x가 문자열이고 y가 숫자 값인 경우 ToNumber(x) == y;

6을 반환합니다. .x가 Boolean 유형인 경우 ToNumber(x)==y;

7의 결과를 반환합니다. y인 경우 Boolean 유형이며 x==ToNumber(y);의 결과를 반환합니다. 는 String, Number 또는 Symbol 중 하나이고 Type(y)는 Object이며 x==ToPrimitive(y)

9의 결과를 반환합니다. Type(x)가 Object이고 Type(y)가 String, Number 또는 중 하나인 경우 기호는 ToPrimitive(x)==y

10의 결과를 반환합니다. 그렇지 않으면 false를 반환합니다

12 == '0xc' // true, 0xc是16进制
12 == '12'  // true
12 == '12c' // false, 说明ToNumber转换是用的Number()方法

참고:

Number(null) === 0

But

null == 0 // false,

2.1 ToNumber는 값을 숫자 유형

1으로 변환합니다. 부울 유형이면 true는 1을 반환하고

2를 반환합니다. 숫자 값이면 단순히 전달되어 반환됩니다. 3 null이면 0

4을 반환합니다. 정의되지 않은 경우 NaN을 반환합니다. 문자열에 숫자만 포함되어 있으면 10진수로 변환됩니다. 유효한 부동 소수점 형식인 경우 해당 부동 소수점 값으로 변환합니다. 2진수 또는 16진수인 경우 해당 10진수 값으로 변환합니다.

6. 객체인 경우 객체의 valueOf() 메서드를 호출한 다음 valueOf의 반환 값인 경우 이전 규칙에 따라 변환합니다. NaN인 경우 toString() 메서드를 호출한 다음 A와 A의 A.toString()을 호출하여 이전 규칙

2.2 ToPrimitive

toPrimitive(A)에 따라 반환된 문자열을 변환합니다. ) 메소드는 매개변수 A를 원시 값(Primitive)으로 변환합니다.

JS의 원시 유형은 Number, String, Boolean, Null, Undefine입니다.

다양한 객체 유형의 valueOf() 메소드 반환 값:

Object

Return Value

BooleanDateFunction 숫자ObjectString의 valueOf 메소드를 재정의할 수 있습니다.

// Array：返回数组对象本身
var array = ["ABC", true, 12, -5];
console.log(array.valueOf() === array);   // true
// Date：当前时间距1970年1月1日午夜的毫秒数
var date = new Date(2013, 7, 18, 23, 11, 59, 230);
console.log(date.valueOf());   // 1376838719230
// Number：返回数字值
var num =  15.26540;
console.log(num.valueOf());   // 15.2654
// 布尔：返回布尔值true或false
var bool = true;
console.log(bool.valueOf() === bool);   // true
// new一个Boolean对象
var newBool = new Boolean(true);
// valueOf()返回的是true，两者的值相等
console.log(newBool.valueOf() == newBool);   // true
// 但是不全等，两者类型不相等，前者是boolean类型，后者是object类型
console.log(newBool.valueOf() === newBool);   // false
// Function：返回函数本身
function foo(){}
console.log( foo.valueOf() === foo );   // true
var foo2 =  new Function("x", "y", "return x + y;");
console.log( foo2.valueOf() );
/*
ƒ anonymous(x,y
) {
return x + y;
}
*/
// Object：返回对象本身
var obj = {name: "张三", age: 18};
console.log( obj.valueOf() === obj );   // true
// String：返回字符串值
var str = "http://www.xyz.com";
console.log( str.valueOf() === str );   // true
// new一个字符串对象
var str2 = new String("http://www.xyz.com");
// 两者的值相等，但不全等，因为类型不同，前者为string类型，后者为object类型
console.log( str2.valueOf() === str2 );   // false

3.同值相等

同值相等由 Object.is 方法判断：

● 两个值都是 undefined

● 两个值都是 null

● 两个值都是 true 或者都是 false

● 两个值是由相同个数的字符按照相同的顺序组成的字符串

● 两个值指向同一个对象

● 两个值都是数字并且

    ○ 都是正零 +0，

    ○ 或者都是负零 -0，

    ○ 或者都是 NaN

    ○ 都是除零和 NaN 外的其它同一个数字

Object.is('foo', 'foo');     // true
Object.is(window, window);   // true
Object.is('foo', 'bar');     // false
Object.is([], []);           // false
var foo = { a: 1 };
var bar = { a: 1 };
Object.is(foo, foo);         // true
Object.is(foo, bar);         // false
Object.is(null, null);       // true
Object.is(true, 'true')     // false
// 特例
Object.is(0, -0);            // false
Object.is(0, +0);            // true
Object.is(-0, -0);           // true
Object.is(NaN, 0/0);         // true

4.零值相等

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

小结

=== 不做类型转换，当两边的数类型不相同时，直接返回false；当前类型相同且都是数值类型的时候，有一个是NaN，那么结果就是false, 另外 +0 === -0

==运算符，当两边操作数类不相同时会做隐式转换，然后才进行比较，这样的话就会出现 false == 0, '' == false 等现象， 但是Object.is不会做这种转换

本文来自 js教程 栏目，欢迎学习！  

Array	은 배열 객체 자체를 반환합니다.
Boolean
저장된 시간은 1970년 1월 1일 자정(UTC
함수 자체	)입니다.
숫자 값
객체 그 자체입니다. 이것이 기본값입니다. 사용자 정의 객체
String value

위 내용은 js에서 평등 판단 ===, ==와 Object.is()의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!