JavaScript의 데이터 타입 중 null
, undefined
, 그리고 Boolean
은 자주 혼동되지만, 각각 고유한 의미와 사용 목적을 가지고 있습니다. 이 글에서는 이러한 데이터 타입의 차이점과 사용법을 예제와 함께 명확히 정리합니다.
JavaScript 데이터 타입의 이해: null, undefined, 그리고 Boolean
1. null
과 undefined
의 차이점
null
null
은 값이 없음을 의도적으로 지정할 때 사용됩니다. 변수에 특정 값이 없음을 명확히 표시할 때 활용합니다.
let number = 0; // 숫자 0은 하나의 값으로 존재
number = null; // 데이터가 없음을 명시적으로 지정
console.log(number); // 출력: null
undefined
undefined
는 값이 정의되지 않은 상태를 나타냅니다. 변수는 선언되었지만 초기화되지 않았을 때 기본값으로undefined
가 할당됩니다.
let data;
console.log(data); // 출력: undefined
2. null
, undefined
, 그리고 초기화의 예제
null
과 undefined
의 차이를 이해하려면 콘솔 출력을 통해 확인할 수 있습니다.
let data; // 선언만 함
console.log(data); // 출력: undefined
data = "hello world"; // 초기화
console.log(data); // 출력: hello world
data = null; // 데이터 없음 명시
console.log(data); // 출력: null
3. Boolean: 참(true
)과 거짓(false
)
Boolean
은 단 두 가지 값(true
와 false
)만 가지는 데이터 타입입니다. 비교 연산이나 조건문에서 중요한 역할을 합니다.
- 기본 문법
let value = true;
console.log(value); // 출력: true
value = false;
console.log(value); // 출력: false
- 주의점
true
와 false
는 소문자로 작성해야 합니다. 대문자로 작성하면 오류가 발생합니다.
let data = False; // 잘못된 코드
console.log(data); // 오류 발생
4. 데이터 타입 확인: typeof
JavaScript에서 데이터 타입을 확인하려면 typeof
연산자를 사용할 수 있습니다.
let data1 = true;
console.log(typeof data1); // 출력: boolean
data1 = false;
console.log(typeof data1); // 출력: boolean
'코딩 > 웹 개발' 카테고리의 다른 글
querySelector, getElementById, textContent (0) | 2021.12.20 |
---|---|
DOM이란 (0) | 2021.12.20 |
연산자, 산술연산자, 대입연산자, 복합대입연산자 (0) | 2021.12.19 |
템플릿 리터럴 (0) | 2021.12.19 |
자바스크립트 상수 (0) | 2021.12.19 |