js의 ==, === 및 Object.js() 내용에 대한 자세한 설명(종합)

이 글은 js의 ==, === 및 Object.js() 내용에 대한 자세한 설명을 제공합니다(종합). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. 당신에게.

이 문서에서는 주로 JavaScript의 세 가지 동등 연산인 ==, === 및 Object.js()에 대해 설명합니다. 비교와 사례를 통해 모든 사람의 감동을 깊게하고 개별 사례에 대한 자세한 설명을 제공합니다.

준비 지식

ECMAScript7 사양의 ToPrimitive 추상 연산 지식에 대한 자세한 설명(예)

=== 연산자

x === y에 대해 이 연산자의 비교 단계는 다음과 같습니다.

1. x의 유형이 y의 유형과 다른 경우 false를 반환합니다.

2. x의 유형이 숫자인 경우:

a. x가 NaN인 경우

b를 반환합니다. y가 NaN이면 false를 반환하고,

c가 동일한 숫자 값이면 true를 반환하고, x가 -0이면 true를 반환합니다. 0이고 y가 +0이면 true를 반환하고,

f를 반환하면 false를 반환하고

3, SameValueNonNumber(x, y)의 결과를 반환합니다.

SameValueNonNumber(x, y) 추상 연산은 두 개의 숫자가 아닌 값을 비교하고 동일한 유형의 x와 y가 동일한지 여부를 비교합니다.

1 x 유형이 null이거나 정의되지 않은 경우 true를 반환합니다.

2. x가 문자열 유형이면

x와 y가 정확히 동일한 문자 인코딩 순서이면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

4. y가 모두 true 또는 false이면 false를 반환하고, 그렇지 않으면 false를 반환합니다.

x와 y가 동일한 기호 값이면 true를 반환하고, 그렇지 않으면 false를 반환합니다. y가 동일한 객체 값이면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

주의할 점은 NaN, +0, -0입니다.

NaN === NaN // false
+0 === -0 // true
-0 === +0 // true

이 세 가지 예는 각각 x === y 비교 단계의 2.1, 2.4 및 2.5에 해당합니다. 이 세 가지 예의 출력 결과는 정확히 사양의 정의에 따라 얻은 결과이며, 사양이 정의된 방식입니다. 사양이 이런 방식으로 정의된 이유는 사양 작성자에게 문의해야 할 수도 있습니다. 이는 이 문서의 범위를 벗어납니다.

Object.is()

Object.is(x, y)의 경우 추상 연산 SameValue(x, y)가 비교에 사용됩니다. 이 추상 연산의 단계는 다음과 같습니다.

1. x와 y의 유형이 다르면 false를 반환합니다.

a. x와 y가 모두 NaN이면 true를 반환합니다. 가 +0이고 y가 -0이면 false를 반환합니다. x가 -0이고 y가 +0이면 false를 반환합니다. x와 y가 동일한 숫자 값이면

e를 반환합니다. , false 반환

3. SameValueNonNumber(x, y)의 결과를 반환합니다.

===와 Object.is()의 차이점은 NaN과 부호 있는 0의 처리에 있음을 알 수 있습니다.

NaN === NaN // false
+0 === -0 // true
-0 === +0 // true
Object.is(NaN, NaN) // true
Object.is(+0, -0) // false
Object.is(-0, +0) // false

== 연산자

x == y의 경우 이 연산자의 비교 단계는 다음과 같습니다. 다음과 같습니다.

1. x와 y가 동일한 유형이면 x === y의 결과를 반환합니다.

2. x가 null이고 y가 정의되지 않은 경우

3. 정의되지 않았고 y가 null이면 true를 반환합니다.

4. x 유형이 숫자이고 y 유형이 문자열인 경우 x == ToNumber(y); x는 문자열이고 y의 유형은 숫자인 경우 ToNumber(x) == y의 결과를 반환합니다.

6 x의 유형이 부울 유형인 경우 ToNumber(x) == y의 결과를 반환합니다.

7. y의 유형이 Boolean 유형인 경우 x = ToNumber(y)의 결과를 반환합니다.

8 x의 유형이 문자열, 숫자 또는 기호 중 하나인 경우 객체인 경우 x == ToPrimitive(y);

9의 결과를 반환합니다. x의 유형이 객체인 경우 y의 유형은 문자열, 숫자 또는 기호 중 하나이며 ToPrimitive(x)의 결과입니다. == y가 반환됩니다.

10. false를 반환합니다.

위에서 ToNumber 메소드가 사용되었으며, ToNumber(x)의 단계는 다음과 같습니다.

1. x 유형이 정의되지 않은 경우 NaN을 반환하고, x 유형이 Null인 경우 +를 반환합니다. 0;

3. 이 기사에서는 이 내용을 자세히 소개하지 않습니다.

6. x 유형이 객체인 경우

를 반환합니다.

a. primValue의 값을 ToPrimitive(x, 힌트 숫자)로 두고 ;

b, ToNumber(primValue)의 결과를 반환합니다.

[] == ![]

== 연산자의 비교 단계는 다음과 같습니다. 위에서 설명한 예를 들어보면

[] == ![]

우선 왼쪽의 []는 빈 배열이고, 유형은 객체이고, 오른쪽은 ![]이고, []는 참값이므로. ![]의 결과는 false입니다.

[] == ![] // => [] == false

그런 다음 x == y 비교 단계의 7단계로 이동하여 x == ToNumber(y)의 결과를 반환합니다. 즉:

[] == false // => [] == ToNumber(false)

세 번째 단계에서 of ToNumber(x), ToNumber(false)는 +0을 반환합니다.

[] == ToNumber(false) // => [] == +0

그런 다음 x == y 비교 단계로 이동합니다. 9단계, ToPrimitive(x) == y의 비교 결과를 반환합니다.

[] == +0 // => ToPrimitive([]) == +0

ToPrimitive의 결과 ([])는 빈 문자열 ""입니다. 그 이유는 ECMAScript7 사양 문서에서 ToPrimitive 추상 작업을 확인하세요. 따라서 위의 내용은 다음과 같습니다.

"" == +0

그런 다음 x == y 비교 단계의 5단계로 이동하여 ToNumber(x) == y의 결과를 반환합니다.

"" == +0 // => ToNumber("") == +0

由ToNumber操作的第5步可知，ToNumber("")的结果是+0，所以也就是：

+0 == +0 // true

{} == !{}

首先，左边是{}，类型是对象，右边是!{}，{}是真值，所以!{}是false：

{} == !{} // => {} == false

然后同样会走到x == y比较步骤的第7步，返回x == ToNumber(y)的结果，也就是：

{} == false // => {} == ToNumber(false)

由ToNumber(x)的第3步可知，ToNumber(false)返回+0：

{} == ToNumber(false) // => {} == +0

然后走到x == y比较步骤的第9步，返回ToPrimitive(x) == y的比较结果：

{} == +0 // => ToPrimitive({}) == +0

ToPrimitive({})的结果是字符串"[object Object]"，原因请查看文章ECMAScript7规范中的ToPrimitive抽象操作。所以，上面等价于：

"[object Object]" == +0

然后走到x == y比较步骤的第5步，返回ToNumber(x) == y的结果：

"[object Object]" == +0 // => ToNumber("[object Object]") == +0

由ToNumber操作的第5步可知，ToNumber("[object Object]")的结果是NaN，所以也就是：

NaN == +0 // false

所以，[] == ![]的结果是true，{} == !{}的结果是false。可能有人第一次看到[] == ![]的时候，觉得这个的比较结果怎么可能是true。我觉得有时候不要感性的去认识问题，按照规定的运算步骤走一遍，结果是什么就是什么。

总结

本文讲解了JavaScript中的三种相等运算：==，===和Object.js()，希望对大家有所帮助。

위 내용은 js의 ==, === 및 Object.js() 내용에 대한 자세한 설명(종합)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!