JavaScript에서 null과 undefined는 특별한 값으로 간주됩니다. 이 두 값은 자동 형 변환에서 특이한 동작을 보입니다. 그렇기 때문에 개발자들은 이 동작을 잘 이해하고 해당 값을 올바르게 처리할 수 있어야 합니다. 이번 글에서는 null과 undefined 간의 자동 및 명시적 형 변환 처리 방법에 대해 알아보겠습니다.
자동 형 변환
JavaScript는 변수에 할당된 값의 데이터 타입에 따라 자동으로 형 변환을 수행합니다. null과 undefined는 다른 모든 값으로 형 변환될 수 있습니다. 하지만 null과 undefined는 서로 다른 동작을 보입니다.
null의 자동 형 변환
null은 다른 모든 값으로 형 변환될 수 있습니다. null을 숫자로 변환하려고 하면 0이 됩니다. 문자열로 변환하려고 하면 “null”이 됩니다. 논리적인 값으로 변환하려고 하면 false가 됩니다.
const nullValue = null;
console.log(Number(nullValue)); // 결과: 0
console.log(String(nullValue)); // 결과: "null"
console.log(Boolean(nullValue)); // 결과: false
undefined의 자동 형 변환
undefined는 숫자로 변환하려고 하면 NaN이 됩니다. 문자열로 변환하려고 하면 “undefined”가 됩니다. 논리적인 값으로 변환하려고 하면 false가 됩니다.
let undefinedValue;
console.log(Number(undefinedValue)); // 결과: NaN
console.log(String(undefinedValue)); // 결과: "undefined"
console.log(Boolean(undefinedValue)); // 결과: false
명시적 형 변환
명시적 형 변환은 개발자가 의도적으로 값을 특정 데이터 타입으로 변환하는 것입니다. JavaScript에서는 다양한 방법으로 명시적 형 변환을 수행할 수 있습니다.
문자열로의 형 변환
값을 문자열로 변환하려면 String() 함수를 사용하거나 toString() 메소드를 호출하면 됩니다.
const numberValue = 123;
const booleanValue = true;
const stringValue = String(numberValue);
console.log(stringValue); // 결과: "123"
console.log(booleanValue.toString()); // 결과: "true"
숫자로의 형 변환
값을 숫자로 변환하려면 Number() 함수를 사용하면 됩니다.
const stringValue = "456";
const numberValue = Number(stringValue);
console.log(numberValue); // 결과: 456
논리적 값으로의 형 변환
값을 논리적인 값으로 변환하려면 Boolean() 함수를 사용하면 됩니다. 대부분의 값은 true로 변환됩니다. 다만 0, -0, NaN, 빈 문자열, null, undefined는 false로 변환됩니다.
const numberValue = 123;
const booleanValue = Boolean(numberValue);
console.log(booleanValue); // 결과: true
결론
JavaScript에서 null과 undefined는 작업하는 데 특별한 주의가 필요합니다. 자동 형 변환을 이해하고 명시적 형 변환을 사용하여 값을 올바르게 처리하는 것이 중요합니다. 이를 통해 JavaScript 애플리케이션에서 예기치 않은 동작을 방지할 수 있습니다.