JavaScript에서 변수가 undefined인지 확인하려면 조건문을 활용한 간단한 방법을 사용할 수 있습니다. 변수를 if 문의 조건으로 넣어 평가했을 때 결과가 false라면 해당 변수는 정의되지 않은 상태를 의미합니다. 반대로 결과가 true로 나온다면 변수가 정의되어 있다는 뜻입니다.
아래 예제에서는 변수 rank에 값 1이 할당되어 있으므로, 조건문 평가 결과 "True"가 출력됩니다.
예제
<html>
<body>
<script>
var rank = 1;
if(rank){
document.write("True");
} else{
document.write("False");
}
</script>
</body>
</html>
추가 팁: typeof 연산자 활용하기
변수 자체가 선언조차 되지 않았을 가능성이 있다면, typeof 연산자를 사용하는 것이 더 안전합니다. typeof는 선언되지 않은 변수에 접근해도 오류를 발생시키지 않고 문자열 "undefined"를 반환하기 때문입니다.
<script>
if(typeof someVariable !== "undefined"){
document.write("변수가 정의되어 있습니다.");
} else {
document.write("변수가 정의되어 있지 않습니다.");
}
</script>
단순히 값의 존재 여부만 확인할 때는 조건문 방식으로 충분하지만, 변수의 선언 여부까지 명확하게 구분해야 하는 경우에는 typeof 연산자를 사용하는 것이 권장됩니다.