JavaScript 개발을 하다 보면 숫자 값을 문자열로 변환해야 하는 경우가 자주 발생합니다. 예를 들어 화면에 결과를 출력하거나, 문자열과 연결하거나, 특정 형식으로 데이터를 처리할 때 유용합니다.
String() 함수를 이용한 변환
가장 간단하고 직관적인 방법은 전역 함수인 String()을 사용하는 것입니다. 숫자 값을 인자로 전달하면 해당 값이 문자열로 변환되어 반환됩니다.
예제 코드
<!DOCTYPE html>
<html>
<body>
<p>숫자를 문자열로 변환하기</p>
<script>
var myNumber = 1;
document.write("변환된 문자열 : " + String(myNumber));
</script>
</body>
</html>toString() 메서드를 이용한 변환
또 다른 방법은 숫자 객체에서 제공하는 toString() 메서드를 호출하는 것입니다. 이 방법은 진수(base)를 지정할 수 있어 2진수, 8진수, 16진수 등으로 변환할 때도 활용할 수 있습니다.
var num = 255; console.log(num.toString()); // "255" console.log(num.toString(16)); // "ff" (16진수) console.log(num.toString(2)); // "11111111" (2진수)
템플릿 리터럴을 이용한 변환
ES6부터는 템플릿 리터럴을 사용해 손쉽게 문자열로 변환할 수도 있습니다.
var myNumber = 1;
var result = `${myNumber}`; // "1"
console.log(typeof result); // "string"정리
- String(): 어떤 타입의 값이든 안전하게 문자열로 변환
- toString(): 진수 변환이 필요할 때 유용 (null, undefined에는 사용 불가)
- 템플릿 리터럴: 문자열 조합 시 간결하게 활용 가능
상황에 맞는 방법을 선택하면 코드의 가독성과 안정성을 모두 높일 수 있습니다.