Original article: JavaScript Number to String – How to Use toString to Convert an Int into a String

toString() 메서드는 임의의 숫자형(number) 값을 문자열(string)로 변환하는 자바스크립트 Number 객체의 내장 메서드입니다.

자바스크립트에서 toString() 메서드 사용하기

toString() 메서드를 사용하려면 숫자형 값으로 메서드를 호출하기만 하면 됩니다. 다음 예시에서는 숫자형 24를 문자열로 변환하는 방법을 보여줍니다. 콘솔에 출력된 str 변수의 값이 문자열이기 때문에 큰 따옴표로 표시된 것을 확인할 수 있습니다.

// `toString()` 메서드를 사용해 숫자형에서 문자열로 변환하기
var num = 24;
var str = num.toString();

console.log(num); // 24
console.log(str); // "24"

toString() 메서드를 숫자형인 값에 즉시 호출할 수 있지만, 값을 괄호 ()안에 표시해야합니다. 괄호를 생략하면 자바스크립트에서 Invalid or unexpected token 에러가 발생하니 주의하세요.

또한 toString() 메서드는 다음 예시와 같이 부동소수점 숫자와 음수를 변환할 수도 있습니다.

// toString 메서드로 다양한 숫자 유형을 문자열로 변환하기
24.toString(); // Error: Invalid or unexpected token
(24).toString(); // "24"
(9.7).toString(); // "9.7"
(-20).toString(); // "-20"

마지막으로, toString() 메서드에는 radix(기수) 또는 base 매개변수를 전달할 수 있습니다. radix 매개변수는 10진법(base 10)으로 표현된 숫자를 다른 진수로 변환합니다. 단, 변환된 진수의 자료형은 문자열이라는 것을 명심해야 합니다.

변환 가능한 진법은 다음을 포함합니다.

  • 두 개의 숫자(0과 1)만을 사용하는 이진법(binary system, base 2)
  • 세 개의 숫자(0, 1, 2)를 사용하는 삼진법(ternary system, base 3)
  • 네 개의 숫자(0, 1, 2, 3)를 사용하는 사진법(quaternary system, base 4)
  • 그리고 0에서 9까지의 숫자와 로마 문자 A에서 Z까지의 조합을 가진 36진법(hexatridecimal system, base 36)까지 변환할 수 있습니다.
// radix 매개변수를 전달하는 toString() 메서드 기본 문법
Number.toString(radix);

radix 매개변수는 값이 최소 2부터 36까지인 숫자형일 수 있습니다. 다음은 10진수 5를 2진수(base 2)로 변환하는 예시입니다.

// toString() 메서드를 사용해 10진수를 2진수로 변환하기 
var str = (5).toString(2);

console.log(str); // "101"

위 코드의 10진수 5는 101에 해당하는 이진수로 변환된 다음 문자열로 최종 변환됩니다.

toString() 메서드를 다른 자료형과 함께 사용하기

toString() 메서드는 숫자 자료형을 변환하는 것 외에도 다른 자료형을 문자열로 변환할 때 사용할 수 있습니다.

예를 들어 다음과 같이 배열(array)를 문자열로 변환할 수 있습니다.

// toString() 메서드로 배열을 문자열로 변환하기 
var arr = [ "Nathan", "Jack" ];
var str = arr.toString();

console.log(str); // "Nathan,Jack"

이번에는 논리타입 불린(boolean)형을 문자열로 변환해봅시다.

var bool = true;
var str = bool.toString();

console.log(str); // "true"

하지만 일반적으로 toString() 메서드는 다른 자료형을 변환하기보단 숫자형을 문자열로 변환하는데 가장 자주 사용되리라 생각합니다. 저도 보통 그런 용도로 이 메서드를 사용합니다. :)

이 기사를 읽어주셔서 감사합니다!

관심이 있으시다면 제가 쓴 Rounding Numbers with toFixed() method(영문 기사: toFixed() 메서드로 숫자 반올림하기) 그리고 Calculating Absolute Value with Math.abs() method(영문 기사: Math.abs() 메서드로 숫자의 절대값 계산하기)와 같은 기사를 한 번 읽어보시길 바랍니다. 이 두 기사는 가장 자주 받는 JavaScript 관련 질문 중 두 가지에 대한 내용입니다.

또한 웹 개발 튜토리얼(대부분 자바스크립트 관련)에 대한 무료 뉴스레터도 발행합니다.