이 테이블은 자바스크립트의 느슨한 비교(==)와 엄격한 비교(===)를 설명합니다. 이는 타입 저글링과도 관련이 있고 변수에 대한 이해를 도울 수 있을 것입니다.
테 이블을 이용하기 전에 자바스크립트 타입과 각 타입의 의미를 어느정도는 이해하여야 합니다. 예를 들면 "1"는 string 타입이고, 반면에 1은 number타입입니다. 또 true는 boolean타입이며, [1]은 object타입입니다(배열).
방금 나열한 4가지는 모두 다른 타입이고 엄격한 비교시 모두 다르다고 나옵니다(false). 하지만 느슨한 비교시에는 모두 서로 같다고 나옵니다(true).
기본 샘플:
느슨한 비교:
엄격한 비교:
테 이블을 이용하기 전에 자바스크립트 타입과 각 타입의 의미를 어느정도는 이해하여야 합니다. 예를 들면 "1"는 string 타입이고, 반면에 1은 number타입입니다. 또 true는 boolean타입이며, [1]은 object타입입니다(배열).
방금 나열한 4가지는 모두 다른 타입이고 엄격한 비교시 모두 다르다고 나옵니다(false). 하지만 느슨한 비교시에는 모두 서로 같다고 나옵니다(true).
기본 샘플:
TypesComparisonsTable.html 느슨한 비교 (==) 테이블 | TypesComparisonsTable2.html 엄격한 비교 (===) 테이블 |
more..
== | true | false | 1 | 0 | -1 | NaN | "1" | "0" | "-1" | "" | "javascript" | [] | [0] | [1] | [2] | [1,0] | {} | {1:1} | null | undefined | new Boolean() | new Number() | new String() | new Array() | new Object() | == |
true | true | false | true | false | false | false | true | false | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | true |
false | false | true | false | true | false | false | false | true | false | true | false | true | true | false | false | false | false | false | false | false | true | true | true | true | false | false |
1 | true | false | true | false | false | false | true | false | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | 1 |
0 | false | true | false | true | false | false | false | true | false | true | false | true | true | false | false | false | false | false | false | false | true | true | true | true | false | 0 |
-1 | false | false | false | false | true | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | -1 |
NaN | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | NaN |
"1" | true | false | true | false | false | false | true | false | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | "1" |
"0" | false | true | false | true | false | false | false | true | false | false | false | false | true | false | false | false | false | false | false | false | true | true | false | false | false | "0" |
"-1" | false | false | false | false | true | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | "-1" |
"" | false | true | false | true | false | false | false | false | false | true | false | true | false | false | false | false | false | false | false | false | true | true | true | true | false | "" |
"javascript" | false | false | false | false | false | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | "javascript" |
[] | false | true | false | true | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | [] |
[0] | false | true | false | true | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | [0] |
[1] | true | false | true | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | [1] |
[2] | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | [2] |
[1,0] | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | [1,0] |
{} | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | {} |
{1:1} | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | {1:1} |
null | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | true | true | false | false | false | false | false | null |
undefined | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | true | true | false | false | false | false | false | undefined |
new Boolean() | false | true | false | true | false | false | false | true | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | new Boolean() |
new Number() | false | true | false | true | false | false | false | true | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | new Number() |
new String() | false | true | false | true | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | new String() |
new Array() | false | true | false | true | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | new Array() |
new Object() | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | new Object() |
== | true | false | 1 | 0 | -1 | NaN | "1" | "0" | "-1" | "" | "javascript" | [] | [0] | [1] | [2] | [1,0] | {} | {1:1} | null | undefined | new Boolean() | new Number() | new String() | new Array() | new Object() | == |
엄격한 비교:
more..
=== | true | false | 1 | 0 | -1 | NaN | "1" | "0" | "-1" | "" | "javascript" | [] | [0] | [1] | [2] | [1,0] | {} | {1:1} | null | undefined | new Boolean() | new Number() | new String() | new Array() | new Object() | === |
true | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | true |
false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false |
1 | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | 1 |
0 | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | 0 |
-1 | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | -1 |
NaN | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | NaN |
"1" | false | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | "1" |
"0" | false | false | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | "0" |
"-1" | false | false | false | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | "-1" |
"" | false | false | false | false | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | "" |
"javascript" | false | false | false | false | false | false | false | false | false | false | true | false | false | false | false | false | false | false | false | false | false | false | false | false | false | "javascript" |
[] | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | [] |
[0] | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | [0] |
[1] | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | [1] |
[2] | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | [2] |
[1,0] | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | [1,0] |
{} | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | {} |
{1:1} | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | {1:1} |
null | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | true | false | false | false | false | false | false | null |
undefined | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | true | false | false | false | false | false | undefined |
new Boolean() | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | new Boolean() |
new Number() | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | new Number() |
new String() | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | new String() |
new Array() | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | new Array() |
new Object() | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | false | new Object() |
=== | true | false | 1 | 0 | -1 | NaN | "1" | "0" | "-1" | "" | "javascript" | [] | [0] | [1] | [2] | [1,0] | {} | {1:1} | null | undefined | new Boolean() | new Number() | new String() | new Array() | new Object() | === |
'javascript' 카테고리의 다른 글
JavaScript 배열 변수 메소드 정리 (1) | 2008.05.14 |
---|---|
User preferences color table v 1.0 (0) | 2008.05.14 |
JPT v 1.0 자바스크립트 코드 포퍼먼스 테스터 (JavaScript code Performance Tester) (0) | 2008.05.14 |
[AJAX] 파일 업로드 프로그레스 모니터(File Upload Progress Monitor) 구현에 관해.. (1) | 2008.05.14 |
createElement 의 사용(IE에서만의 특별한 방법)과 radio button 작동 버그 (0) | 2008.05.07 |