자바스크립트에서의 NULL과 undeifined 강제 형 변환 조건

08 Nov 2023

javascript

NULL과 undefined의 차이점

먼저, NULL과 undefined의 차이점을 알아보겠습니다. NULL은 변수에 할당된 값이 의도적으로 비어있음을 나타내는 것이며, undefined는 변수에 값이 할당되지 않았음을 나타냅니다. 자바스크립트에서는 NULL과 undefined는 각각 독립적이고 다른 개념으로 처리됩니다.

NULL의 강제 형 변환

NULL은 숫자로 강제 형 변환이 가능합니다. 다음은 NULL이 강제로 형 변환될 때의 동작을 보여주는 예시 코드입니다.

let nullValue = null;

console.log(Number(nullValue));  // 0
console.log(nullValue + 10);     // 10
console.log(nullValue - 5);      // -5
console.log(nullValue * 2);      // 0

NULL을 숫자로 형 변환하면 0이 됩니다. 그래서 숫자와 연산을 수행하면 결과는 그대로 0입니다.

undefined의 강제 형 변환

undefined는 숫자로 강제 형 변환이 되지 않습니다. 다음은 undefined가 강제로 형 변환될 때의 동작을 보여주는 예시 코드입니다.

let undefinedValue = undefined;

console.log(Number(undefinedValue));      // NaN
console.log(undefinedValue + 10);         // NaN
console.log(undefinedValue - 5);          // NaN
console.log(undefinedValue * 2);          // NaN

undefined를 숫자로 형 변환하면 NaN(Not a Number)이 됩니다. 숫자와 연산을 수행하면 결과도 NaN이 됩니다.

강제 형 변환 조건 활용하기

이러한 강제 형 변환 조건을 활용하면 변수의 값이 NULL이거나 undefined인지 확인할 수 있습니다. 다음은 이를 확인하는 예시 코드입니다.

let value;

if (Number(value) === 0) {
  console.log("Value is NULL");
} else if (Number(value) === NaN) {
  console.log("Value is undefined");
} else {
  console.log("Value is something else");
}

위의 코드에서는 변수 value가 NULL인지, undefined인지, 아니면 다른 값인지를 확인합니다. 숫자로의 강제 형 변환을 통해 해당 값을 판별합니다.

NULL과 undefined는 자바스크립트에서의 특별한 개념이므로, 이러한 강제 형 변환 조건을 알고 활용하면 더 안정적인 코드를 작성할 수 있습니다. 또한, 상황에 따라 NULL과 undefined를 구분해서 처리해야 하는 경우에는 이러한 강제 형 변환 조건을 활용하여 적절한 로직을 구현할 수 있습니다.