Javascript - typeof 연산 ( 변수의 원형 파악하기)

서론

C나 Java 등의 언어에서는 자료형과 함께 변수를 선언합니다.  하지만 Javascript에서는 동적인 할당으로 인해서 특정 변수의 자료형을 확인하기가 쉽지 않습니다.

또한 다양한 메서드나 함수들로 호출되는 결괏값 또한 어떤 자료형인지 파악하기가 힘든 경우가 있습니다.

 

이를 간단하게 typeof 연산을 통해서 알아볼 수 있습니다. 

 

Javascript에서도 다양한 자료형이 존재합니다.

변수를 선언할 때 자료형을 표시하지 않는 것뿐이지 Javascript에서도 자료형은 존재합니다. 

본문에서는 자료형에 따른 자세한 내용은 설명하지 않지만, 어떤 것들이 있는지 먼저 살펴봅시다.

자료형

Undefined

Null

Boolean

Number

BigInt

String

Symbol

Object

Function Object

각각의 자료형들에 대해서는 다른 포스트에서 다시 설명하도록 하겠습니다.

우선 위와 같은 자료형들이 있다는 것만 알아두세요.

 

typeof 연산을 통해서 어떤 자료형인지 확인하자

typeof연산을 통하면 변수 또는 값이 어떤 자료형의 데이터를 담고 있는지 손쉽게 확인할 수 있습니다.

 

typeof 변수 또는 값

//또는

typeof (변수 또는 값)

몇 가지 예시를 들어보면서 확인해 보도록 합시다.

 

Number

console.log(typeof 100);
console.log(typeof NaN);
const a = 100;
console.log(typeof a);

Booleans

console.log(typeof true);
console.log(typeof false);
const a = false;
console.log(typeof a);

Objects

console.log(typeof document);
console.log(typeof window);
console.log(typeof null);

 Function

const a = function(){
 const b = 100;}
console.log(typeof a);
console.log(typeof document.querySelector)

각자 개발자 도구를 실행해서 결과를 확인해 보세요.!