NaN이란 무엇인가?
NaN(Not a Number)은 자바스크립트에서 '숫자가 아님'을 나타내는 특수한 값입니다. 주로 유효하지 않은 수학적 연산을 수행하거나 숫자 변환에 실패했을 때 반환됩니다. 개발 과정에서 디버깅이나 화면 출력 등의 목적으로 이 NaN 값을 문자열 형태로 변환해야 하는 경우가 종종 있습니다.
String() 함수를 사용한 변환
NaN을 문자열로 변환하는 가장 간단하고 안전한 방법은 전역 함수인 String()을 사용하는 것입니다. 다음 예제를 직접 실행하여 결과를 확인해 보세요.
예제 코드
<!DOCTYPE html>
<html>
<body>
<p>Convert NaN to String</p>
<script>
var val = NaN;
document.write("<br>String : " + String(val));
</script>
</body>
</html>실행 결과
String : NaN
위 예제에서 String(val)은 NaN 값을 문자열 "NaN"으로 변환하여 출력합니다.
다른 변환 방법들
String() 함수 외에도 몇 가지 대안적인 방법이 존재합니다.
1. toString() 메서드 사용
var val = NaN; console.log(val.toString()); // "NaN" 출력
숫자 타입의 값이라면 toString() 메서드로도 동일하게 변환할 수 있습니다. 다만 값이 null이나 undefined일 경우 에러가 발생하므로, 안전성 면에서는 String() 함수가 더 유리합니다.
2. 템플릿 리터럴 사용 (ES6)
var val = NaN;
console.log(`${val}`); // "NaN" 출력템플릿 리터럴을 활용하면 문자열 내에 값을 간편하게 삽입하면서 자동으로 문자열 변환이 이루어집니다.
정리
NaN을 문자열로 변환할 때는 String() 함수를 사용하는 것이 가장 권장되는 방법입니다. null과 undefined 같은 특수한 값도 에러 없이 처리할 수 있어 코드의 안정성을 높여줍니다.