자바스크립트 typeof 자료형 5가지 검사와 예제

자바스크립트 typeof 명령어를 사용해서 자바스크립트의 자료형을 검사할 수 있습니다. 문자열은 string, 숫자형은 number, 논리형은 boolean으로 표시됩니다.

자바스크립트 typeof

자바스크립트 typeof 연산자는 자바스크립트 자료형의 데이터 타입을 검사할 수 있습니다.

typeof 변수명 의 형태로 작성합니다. typeof 뒤에 한 칸을 띄우고 변수명을 입력하면, 들어있는 변수값의 자료형을 알 수 있습니다.

자바스크립트 문자열 typeof 검사

typeof 문자열 검사는 결과값이 string으로 나옵니다.

var x = "안녕하세요?";
document.write(typeof x);

결과

string

TRY IT ▷

따옴표 사이에 있는 숫자도 문자이기 때문에 string으로 결과값이 나옵니다.

var x = "12345";
document.write(typeof x);

결과

string

TRY IT ▷

숫자형 typeof 검사

typeof 숫자형 검사는 결과값이 number로 나옵니다. 양수, 음수, 소수 모두 숫자 데이터입니다.

자바스크립트는 정수형, 실수형을 구분하지 않으므로 모두 number로 출력됩니다.

var x = 99;
var y =- 29;
var z = 0.000125;
document.write(typeof x, "<br>");
document.write(typeof y, "<br>");
document.write(typeof z, "<br>");

결과

number
number
number

TRY IT ▷

논리형 typeof 검사

typeof 논리형 검사 결과는 boolean으로 데이터 타입이 분류됩니다.

var x = 3 > 2;
var y = 2 > 3;
document.write(typeof x, "<br>");
document.write(typeof y, "<br>");

결과

boolean
boolean

예제 ▷

Undefined형 typeof 검사

typeof 검사시 Undefined형의 자료형 검사는 결과값이 undefined으로 나옵니다.

var x;
document.write(typeof x);

결과

undefined

TRY IT ▷

Null형 typeof 검사

null형 데이터는 object 객체로 분류됩니다. 따라서 typeof에서도 자료형은 객체형으로 출력됩니다.

var x = null;
document.write(typeof x, "<br>"); //자료형은 object로 출력됩니다.
document.write(x); //변수값의 출력은 null로 표시됩니다.

결과

object
null

TRY IT ▷

물론 변수값을 출력하면 null로 출력됩니다.