[javaScript] undefined 값 if 문에서 처리하기

안녕하세요.
한가지 더 정리해 보겠습니다.


javaScript에서 alert로 변수 하나를 출력해 보았습니다.
값은 undefinded가 나왔습니다. 정의되지 않은 변수라는 뜻입니다.


해당 값을 if문으로 제어해야 하는데
동적으로 해당 값이 있을 수 도 있고, 없을 수도 있습니다.

이를 위해 undefinded 값도 if문에서 잡아보려고 합니다.

JavaScript에서 변수 undefined 체크하기

자바스크립트에서 변수를 alert로 찍었을 때 undefined가 나올 수 있습니다.
이 경우를 if문으로 체크하는 여러 가지 방법을 정리했습니다.

---

1. 기본적인 undefined 체크

if (typeof a === "undefined") {
  alert("a는 undefined 입니다.");
} else {
  alert("a의 값은: " + a);
}

• typeof를 사용하면 안전하게 확인할 수 있습니다.
• 변수 자체가 선언되지 않은 경우에도 에러 없이 "undefined"를 반환합니다.

---

2. null과 undefined를 함께 체크

if (a == null) {
  alert("a는 null 또는 undefined 입니다.");
} else {
  alert("a의 값은: " + a);
}

• a == null 은 a === null || a === undefined 와 같은 의미입니다.

---

3. falsy 값 전체를 체크

if (!a) {
  alert("a가 정의되지 않았거나 falsy 값입니다.");
} else {
  alert("a의 값은: " + a);
}

• 이 경우 0, "", false 도 같이 걸러지므로 상황에 맞게 사용해야 합니다.

---

📌 정리

• 정말로 undefined만 잡고 싶다 → typeof a === "undefined"
• null도 같이 잡고 싶다 → a == null
• 빈 문자열, 0, false 까지 포함해 "값 없음"으로 처리하고 싶다 → if (!a)

간단한 내용인데 이렇게 정리하니깐 한번더 기억에 남네요.