코딩/웹 개발

JavaScript 데이터 타입: null, undefined, 그리고 Boolean의 완벽 가이드 (2024)

moodyblues 2021. 12. 19. 22:45

JavaScript의 데이터 타입 중 null, undefined, 그리고 Boolean은 자주 혼동되지만, 각각 고유한 의미와 사용 목적을 가지고 있습니다. 이 글에서는 이러한 데이터 타입의 차이점과 사용법을 예제와 함께 명확히 정리합니다.

JavaScript 데이터 타입의 이해: null, undefined, 그리고 Boolean

1. nullundefined의 차이점

  • null
    null은 값이 없음을 의도적으로 지정할 때 사용됩니다. 변수에 특정 값이 없음을 명확히 표시할 때 활용합니다.
let number = 0; // 숫자 0은 하나의 값으로 존재
number = null; // 데이터가 없음을 명시적으로 지정
console.log(number); // 출력: null
  • undefined
    undefined는 값이 정의되지 않은 상태를 나타냅니다. 변수는 선언되었지만 초기화되지 않았을 때 기본값으로 undefined가 할당됩니다.
let data;
console.log(data); // 출력: undefined

2. null, undefined, 그리고 초기화의 예제

nullundefined의 차이를 이해하려면 콘솔 출력을 통해 확인할 수 있습니다.

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은 단 두 가지 값(truefalse)만 가지는 데이터 타입입니다. 비교 연산이나 조건문에서 중요한 역할을 합니다.

  • 기본 문법
let value = true;
console.log(value); // 출력: true

value = false;
console.log(value); // 출력: false
    • 주의점

truefalse는 소문자로 작성해야 합니다. 대문자로 작성하면 오류가 발생합니다.

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