자바스크립트에서 '값(value)'이 무엇인지, 어떤 것들이 값으로 취급되는지 알아봅니다.
값이란 무엇일까?
자바스크립트에서 값(value)은 매우 포괄적인 추상적 개념입니다. 그 이유는 수많은 것이 값으로 취급되며, 값에도 여러 가지 타입(type)이 존재하기 때문입니다.
대표적인 값의 예시는 다음과 같습니다:
- 숫자(Number) — 7, 3.14 같은 수
- 문자열(String) — "안녕하세요"처럼 따옴표로 감싼 텍스트
- 함수(Function) — 특정 동작을 수행하는 코드 블록
- 객체(Object) — 키와 값으로 이루어진 데이터 묶음
- 불린(Boolean) — true 또는 false
- null — 의도적으로 비어 있음을 나타내는 값
- undefined — 아직 값이 할당되지 않은 상태
typeof로 값의 타입 확인하기
값의 타입이 궁금할 때는 값 앞에 typeof를 붙이면 됩니다. 아래 예제를 브라우저 콘솔에서 직접 실행해 보세요.
console.log(typeof "Hi there!")
// 출력: "string"
console.log(typeof 7)
// 출력: "number"
console.log(typeof function toggleNav() {})
// 출력: "function"
console.log(typeof {})
// 출력: "object"
console.log(typeof true)
// 출력: "boolean"
console.log(typeof dog)
// 출력: "undefined"마지막 예제에서 dog가 undefined로 출력된 이유는, 선언된 적 없는 변수이기 때문입니다. 즉, 존재하지 않는 값을 참조하면 자바스크립트는 undefined를 반환합니다.
마무리하며
위에서 소개한 값들은 자바스크립트를 처음 배울 때 실무에서 가장 자주 마주치는 것들입니다. 사실 값과 값의 타입에 대해 다룰 내용은 이것보다 훨씬 많지만, 이 글에서는 초보자도 부담 없이 이해할 수 있도록 핵심만 간단히 정리했습니다.
전문 용어를 한꺼번에 쏟아붓기보다는, 기술 용어를 조금씩 차근차근 익혀가는 것이 훨씬 효과적인 학습 방법이라고 믿습니다. 오늘 배운 typeof를 활용해 다양한 값의 타입을 직접 확인해 보세요!