일반 자바스크립트 타입 비교 테이블 + 테이블 작성 스크립트

황제낙엽 2017.06.23 16:23 조회 수 : 483

sitelink1 http://dev.azki.org/entry/%EC%9E%90%EB%B...category=2 
sitelink2  
sitelink3  
sitelink4  
extra_vars4  
extra_vars5  
extra_vars6  

이 테이블은 자바스크립트의 느슨한 비교(==)와 엄격한 비교(===)를 설명합니다. 이는 타입 저글링과도 관련이 있고 변수에 대한 이해를 도울 수 있을 것입니다.
테 이블을 이용하기 전에 자바스크립트 타입과 각 타입의 의미를 어느정도는 이해하여야 합니다. 예를 들면 "1"는 string 타입이고, 반면에 1은 number타입입니다. 또 true는 boolean타입이며, [1]은 object타입입니다(배열).
방금 나열한 4가지는 모두 다른 타입이고 엄격한 비교시 모두 다르다고 나옵니다(false). 하지만 느슨한 비교시에는 모두 서로 같다고 나옵니다(true).

기본 샘플:

TypesComparisonsTable.html-x

느슨한 비교 (==) 테이블

     TypesComparisonsTable2.html-x

엄격한 비교 (===) 테이블

느슨한 비교:

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() ===
이 게시물을
목록
번호 제목 글쓴이 날짜 조회 수
206 [GitHub] JavaScript Algorithms and Data Structures (알고리즘과 자료구조) file 황제낙엽 2021.03.01 461
205 콜백지옥과 비동기제어 file 황제낙엽 2021.02.18 1428
204 Json 특징 및 문법 황제낙엽 2021.01.26 391
203 비동기프로그래밍 - 콜백함수(Callback function) file 황제낙엽 2020.08.26 565
202 Strict 모드 황제낙엽 2020.08.23 471
201 window.postMessage() 황제낙엽 2020.07.29 1980
200 withCredentials 관련 황제낙엽 2020.07.29 438
199 CORS 관련 레퍼런스 URL 황제낙엽 2020.07.10 475
198 ECMA 스크립트의 JSON 황제낙엽 2019.10.16 456
197 경과 시간 구하기 황제낙엽 2019.10.04 1561
196 입력받은 날짜와 현재 날짜와의 비교 함수 황제낙엽 2019.08.02 964
195 사용자 모듈 만들기 황제낙엽 2019.07.09 42180
194 charcode 32와 160 차이 (javascript char 160 to 32) 황제낙엽 2019.05.11 474
193 UTF-8 한글 초성 추출 (자바스크립트) 황제낙엽 2019.05.07 595
192 IE브라우저에서 서버의 XML파일을 ajax로 가져와 DOM파싱하는 예제 (XMLHttpRequest, XML, ActiveXObject) 황제낙엽 2018.11.23 608
191 XMLHttpRequest.timeout 황제낙엽 2018.11.03 623
190 부동소수점 (floating-point) file 황제낙엽 2018.03.26 1526
189 User Agent Parser들 황제낙엽 2017.11.20 5683
188 window.postMessage 이해하기 file 황제낙엽 2017.10.16 1904
187 브라우저의 새로고침과 종료에 대한 이벤트 황제낙엽 2017.08.11 3184
쓰기 태그