> 웹 프론트엔드 > JS 튜토리얼 > Javascript에서 이중 등호의 암시적 변환 메커니즘 분석

Javascript에서 이중 등호의 암시적 변환 메커니즘 분석

小云云
풀어 주다: 2018-01-20 11:26:23
원래의
1320명이 탐색했습니다.

이 글은 JavaScript의 이중 등호(==) 암시적 변환 메커니즘을 모든 사람에게 자세히 소개합니다. 매우 훌륭하고 참조 가치가 있으므로 모든 사람에게 도움이 될 수 있기를 바랍니다.

Javascript에서 동등 관계를 판단하는 방법에는 이중 등호(==)와 삼중 등호(===) 두 가지가 있습니다. 이중 등호(==)는 값 동일을 나타내고, 삼중 등호(===)는 완전 동일(값과 유형이 완전히 동일한지 여부)을 나타냅니다.

그래서 상식적인 지식이 있습니다:

1. 문자열, 숫자와 같은 기본 유형의 경우 ==와 ===의 차이가 있습니다.

 1) 서로 다른 유형 간의 비교, == 비교 "로 변환한 후 동일한 유형의 "값"을 사용하여 "값"이 동일한지 확인합니다. === 유형이 다르면 결과가 동일하지 않습니다

 2) 동일한 유형을 비교하고, "값"을 직접 비교하면 결과는 다음과 같습니다. 동일

2. 고급형의 경우 ==와 ===

 "포인터 주소" 비교

3. ==와 ===

 1) ==에 대해 기본형으로 고급 변환, "값" 비교

  2) 유형이 다르기 때문에 === 결과는 false

즉, double 등호(==)는 연산 중에 유형 변환을 수행하고, 세 번째 등호는 연산 중에 유형 변환을 수행합니다. 번호(===)는 연산 중에 유형 변환을 수행하지 않습니다.

예:

alert('55' == 55); //true
alert('55' === 55); //false
로그인 후 복사

Javascript 언어의 5가지 기본 데이터 유형(기본 값, 단순 데이터 유형이라고도 함): 정의되지 않음, Null, 부울, 숫자 및 문자열. 이러한 기본 유형은 고정된 공간을 차지하므로 더 작은 메모리 영역인 스택에 저장할 수 있습니다. 이러한 저장은 변수 값의 빠른 검색을 용이하게 합니다.

Javascript에서 이중 등호(==)를 사용하여 등호에 대한 암시적 변환 메커니즘을 결정합니다.

1, 양쪽이 단순 유형인 경우:

 1,1 , 양쪽 모두 단순 유형이며 유형이 동일하므로 직접 비교하십시오.

console.log(1==1); //true
console.log("1"=="1"); //true
console.log(false==false); //true
console.log(null==null); //true
console.log(undefined==undefined); //true
로그인 후 복사

 1.2. 양쪽 모두 유형이 다를 경우 먼저 숫자 비교로 변환됩니다. (Boolean에는 true==1, false==0, null과 undefed는 동일, 문자열 숫자만 있습니다.) 빈 문자열 ""==0;)

console.log(1==true); //true
console.log(0==false); //true
console.log(1=="1"); //true
console.log(0==""); //true
console.log(0==null); //false
console.log(0==undefined); //false
console.log(null==undefined); //true
로그인 후 복사

2. 한쪽이 단순 유형이고 다른 쪽이 참조 유형(고급 유형)인 경우 고급 유형이 암시적으로 단순 유형으로 변환됩니다. 비교 전.

console.log(Object==Object); //true
console.log(Object=={}); //false
console.log(0=={}); //false
console.log(0==[]); //true
console.log(Array==Array); //true
console.log(Object==Array); //false
로그인 후 복사

3. 양쪽이 참조 유형(고급 유형)인 경우 "포인터 주소" 비교가 수행됩니다.

핵심 포인트 -toString()과 valueOf()

많은 사람들이 이 두 메소드를 보고 첫인상은 toString() 메소드는 객체를 문자열로 변환하고, valueOf 메소드는 객체를 숫자값으로 변환한다는 것입니다. .

이 아이디어는 매우 일방적입니다. 다음 두 가지 예를 살펴보겠습니다.

var obj={
  name:"熊仔其人",
  getName:function(){ return $(this).name; }
};
console.log(obj.toString()); //[object Object]
로그인 후 복사

obj 객체를 정의하고 해당 toString 메서드를 호출하면 반환 값은 [object Object]이고 값이 반환되지 않는 것을 확인합니다. 우리가 상상했던 대로 내용을 문자열로 표현한 것입니다.

var arr=[1,2,3];
console.log(arr.valueOf()); //(3) [1, 2, 3]
로그인 후 복사

배열 arr을 정의하고 해당 valueOf 메서드를 호출하면 반환 값은 [1, 2, 3]이며 우리가 상상한 대로 숫자 표현을 반환하지 않는 것을 확인합니다.

실제로 실제 이해는 다음과 같습니다. 객체의 toString() 메서드를 호출하면 객체를 문자열로 변환할 수 있지만 이를 문자열로 변환하려는 경우 반드시 toString 메서드를 호출할 필요는 없습니다.

아래 코드를 다시 살펴보겠습니다.

var obj= { };   
obj.valueOf=function(){ return 1; }
obj.toString=function(){ return 2; }
console.log(obj==1);  //true
var obj2= { };   
obj2.valueOf=function(){ return 2; }
obj2.toString=function(){ return 1; }
console.log(obj2==1);  //false                                      
var obj3={ };
obj3.valueOf=function(){ return []; }
obj3.toString=function(){ return 1; }
console.log(obj3==1);  //true
로그인 후 복사

위 코드에서는 객체 obj, obj2를 정의하고 valueOf 및 toString 메서드의 반환 값을 정의하여 동일성을 1로 비교한 결과 valueOf 메서드가 먼저 호출되었음을 알 수 있었습니다.

그런 다음 객체 obj3이 정의되고 valueOf 및 toString 메서드의 반환 값이 정의되어 있습니다. 1과 비교하면 toString 메서드를 호출하는 것으로 나타났습니다.

그럼 다음 코드를 살펴보겠습니다.

var obj= { };   
obj.valueOf=function(){ return 'a'; }
obj.toString=function(){ return 2; }
console.log(obj=='a');  //true
var obj2= { };   
obj2.valueOf=function(){ return 'b'; }
obj2.toString=function(){ return 'a'; }
console.log(obj2=='a');  //false
로그인 후 복사

위의 코드 2에는 객체 obj가 정의되어 있습니다. 이를 문자열 'a'와 비교하면 valueOf 메서드를 호출하는 것을 알 수 있습니다.

그런 다음 객체 obj2와 'a' 간의 비교가 false를 반환하고 toString 메서드가 호출되지 않는 것으로 나타났습니다.

이로부터 다음과 같은 결론을 내릴 수 있습니다.

객체가 단순 유형으로 변환되면 valueOf 메서드가 먼저 호출되고, 단순 값과 비교할 수 있으면 직접 비교되고 toString 메서드가 호출됩니다. 지금은 더 이상 호출되지 않습니다. valueOf 메소드를 호출한 후, valueOf 메소드를 단순 값과 비교할 수 없는 경우 toString 메소드를 다시 호출하여 최종적으로 비교 결과를 얻는다.

하지만 한 가지 주의할 점은 Date 객체가 위의 규칙을 충족하지 않는다는 것입니다. Date 객체의 toString 및 valueOf 메서드가 재정의되었으며 기본적으로 toString 메서드가 호출됩니다.

PS: js의 이중 등호 암시적 변환 규칙

비교를 위해 이중 등호를 사용할 때 두 피연산자 유형이 다른 경우 이중 등호는 비교하기 전에 암시적 변환을 수행하고 동일한 유형으로 변환합니다. 다음은 Little Red Book의 P51 페이지에서 찾을 수 있는 변환 규칙입니다. (항상 잊어버리고, 좋은 기억력은 나쁜 글쓰기만큼 좋지 않다는 걸 아직도 느낍니다. 글쓰기는 언제나 큰 영향을 미칩니다.)

1. 피연산자 중 하나는 부울 값을 숫자 값으로 변환한 후 비교합니다. . False는 0이고 true는 1입니다.

2. 하나는 문자열이고 다른 하나는 숫자입니다. 문자열을 숫자로 변환하고 비교합니다.

3. 한 연산자는 객체이고 다른 연산자는 객체가 아닙니다. 먼저 valueOf()를 사용하여 객체 값 유형을 가져온 다음 다른 규칙에 따라 비교합니다.

관련 추천:

JavaScript에서 if와 switch, == 및 ===의 차이점과 접촉 예에 대한 자세한 설명

문자열 비교 사용법과 PHP == 연산자의 부작용에 대한 자세한 설명

Oracle 데이터 유형의 암시적 변환

위 내용은 Javascript에서 이중 등호의 암시적 변환 메커니즘 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿