JavaScript에서 변수의 데이터 유형을 확인할 때 가장 기본적으로 사용되는 것이 바로 typeof 연산자입니다. 이 연산자는 단일 피연산자 앞에 위치하는 단항(unary) 연산자로, 피연산자의 자료형이 무엇인지를 문자열 형태로 반환합니다.
typeof 연산자의 동작 원리
typeof 연산자는 피연산자가 숫자면 "number", 문자열이면 "string", 불리언 값이면 "boolean"이라는 문자열을 반환합니다. 이 반환값을 조건문과 함께 활용하면 변수의 자료형에 따라 true 또는 false로 평가하여 프로그램 흐름을 제어할 수 있습니다.
예제 코드
아래 예제를 실행하면 typeof 연산자가 JavaScript에서 어떻게 작동하는지 직접 확인할 수 있습니다.
<html>
<body>
<script>
var a = 10;
var b = "String";
var linebreak = "<br />";
result = (typeof b == "string" ? "B is String" : "B is Numeric");
document.write("Result => ");
document.write(result);
document.write(linebreak);
result = (typeof a == "string" ? "A is String" : "A is Numeric");
document.write("Result => ");
document.write(result);
document.write(linebreak);
</script>
</body>
</html>실행 결과
Result => B is String
Result => A is Numeric
코드 설명
위 예제에서는 두 개의 변수를 선언했습니다. 변수 b에는 문자열 "String"이, 변수 a에는 숫자 10이 할당되어 있습니다.
삼항 조건 연산자(? :)와 typeof를 조합하여 각 변수의 자료형을 검사합니다. typeof b == "string" 조건은 참이므로 "B is String"이 출력되고, typeof a == "string" 조건은 거짓이므로 "A is Numeric"이 출력됩니다.
typeof가 반환하는 값 정리
- 숫자: "number" 반환
- 문자열: "string" 반환
- 불리언: "boolean" 반환
- 정의되지 않은 변수: "undefined" 반환
- null 또는 객체: "object" 반환
- 함수: "function" 반환
특히 null의 자료형을 확인하면 "object"가 반환된다는 점은 JavaScript의 오래된 설계상 특징이므로, 실무에서 null 여부를 판별할 때는 별도의 비교(x === null)를 사용하는 것이 안전합니다.