언디파인드 이해하기

변수에 아무 값도 할당되지 않았거나 객체에 존재하지 않는 속성을 참조하면 JavaScript에서 “undefined” 값이 반환됩니다. 이는 변수나 속성이 존재하지만 값이 없는 것과는 다릅니다.

언디파인드를 확인하는 방법

변수가 undefined인지 확인하려면 typeof 연산자를 사용할 수 있습니다. undefined 값은 항상 “undefined” 문자열을 반환합니다.


let x;
console.log(typeof x); // undefined


객체의 속성이 undefined인지 확인하려면 in 연산자를 사용할 수 있습니다. 속성이 존재하지 않으면 false를 반환하고, 존재하지만 값이 undefined이면 true를 반환합니다.


let obj = { name: "John Doe" };
console.log("age" in obj); // false


언디파인드와 null의 차이점

언디파인드와 null 값은 서로 다른 개념입니다. undefined는 변수에 값이 할당되지 않았을 때 반환되는 기본값인 반면, null은 명시적으로 값이 없는 것을 나타내는 값입니다.


let x; // undefined
let y = null; // null


언디파인드 처리

프로그램에서 undefined 오류를 방지하려면 다음과 같은 방법을 사용할 수 있습니다.

• 변수에 항상 값을 할당하세요.
• 객체에 존재하지 않는 속성을 참조하지 마세요.
• typeof 연산자를 사용하여 undefined 값을 확인하세요.
• || 연산자를 사용하여 undefined 값에 기본값을 할당하세요.


let x;
x = x || "기본값";


이렇게 하면 x가 undefined이더라도 “기본값”으로 설정됩니다.

결론

언디파인드는 JavaScript에서 변수에 값이 할당되지 않았거나 객체에 존재하지 않는 속성을 참조할 때 반환되는 값입니다. typeof 및 in 연산자를 사용하여 언디파인드를 확인하고, || 연산자를 사용하여 undefined 값에 기본값을 할당하여 코드에서 undefined 오류를 방지할 수 있습니다.