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

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

sitelink1 http://dev.azki.org/entry/%EC%9E%90%EB%B...category=2 

이 테이블은 자바스크립트의 느슨한 비교(==)와 엄격한 비교(===)를 설명합니다. 이는 타입 저글링과도 관련이 있고 변수에 대한 이해를 도울 수 있을 것입니다.
테 이블을 이용하기 전에 자바스크립트 타입과 각 타입의 의미를 어느정도는 이해하여야 합니다. 예를 들면 "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() ===
이 게시물을
목록
번호 제목 글쓴이 날짜 조회 수
246 [Gemini] ajax 와 fetch 의 차이 황제낙엽 2025.01.04 3419
245 [검토 완료] 디바이스 카메라로 촬영한 사진을 서버에 업로드하기 샘플 황제낙엽 2024.11.21 3987
244 브라우저에서 이미지를 편집(crop 등) 할 수 있는 오픈소스 Cropper.js 황제낙엽 2024.11.16 3842
243 [ChatGPT] json data 의 정렬 [1] 황제낙엽 2024.07.23 3352
242 DOMContentLoaded 이벤트와 window.onload 이벤트 황제낙엽 2024.07.15 3669
241 fetch() 사용 예제들 황제낙엽 2024.07.09 3380
240 [Copilot] Vanilla JavaScript에서 외부 스크립트 파일에 정의된 함수들을 로드 황제낙엽 2024.06.21 3758
239 [Copilot] ES6 모듈(module) 문법 황제낙엽 2024.06.21 3805
238 [Copilot] JSON 객체 내부 데이터를 순회하면서 조회하는 코드 황제낙엽 2024.06.02 3270
237 [Copilot] JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료 황제낙엽 2024.05.31 3615
236 json 데이터 내의 변수명에 prefix 로 type 표현하기 황제낙엽 2024.04.15 3361
235 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 3605
234 현재 document 의 host 와 port 를 얻는 방법 황제낙엽 2023.10.03 4209
233 (Bard) FileReader 로 여러개의 파일을 read 하는 법 file 황제낙엽 2023.08.23 3660
232 How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 3715
231 (Bard) JavaScript로 JSON 배열을 작성하는 방법 황제낙엽 2023.08.21 3672
230 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 [1] 황제낙엽 2023.08.21 3703
229 navigator.mediaDevices 황제낙엽 2023.08.21 3798
228 Barcode Detection API 황제낙엽 2023.08.06 3854
227 정규식을 이용한 이메일 검증 스크립트 file 황제낙엽 2023.06.25 2894
쓰기 태그