[Javascript] 숫자를 문자로 변환하는 4가지 방법

 

Javascript에서 숫자를 문자열로 변환하는 4가지 방법을 정리합니다.

 

1. toString()
2. String()
3. Template String (템플릿 문자열)
4. 빈 문자열 이어붙이기

 

1. toString()

const str1 = (123.1).toString();
const str2 = (123).toString();
const str3 = (3).toString(2);

document.write(str1 + ', ' + typeof str1 + '<br>');
document.write(str2 + ', ' + typeof str2 + '<br>');
document.write(str3 + ', ' + typeof str3 + '<br>');

 

toString() 메소드를 호출하여 숫자를 문자열로 변환하였습니다.

이 경우, toString()의 파라미터로 base 숫자를 입력해줄 경우,

해당 진법으로 숫자를 변환하여 문자열로 리턴합니다.

 

(3).toString(2);

이 구문은 10진수 숫자 3을 2진수로 변환하여 문자열로 리턴하였습니다.

 

 

2. String()

const str1 = String(123.1);
const str2 = String(123);

document.write(str1 + ', ' + typeof str1 + '<br>');
document.write(str2 + ', ' + typeof str2 + '<br>');

 

String() 메소드를 사용해서도 숫자를 문자로 변환할 수 있습니다.

 

 

3. Template String (템플릿 문자열)

const number1 = 123.1;
const number2 = 123;
const str1 = `${number1}`;
const str2 = `${number2}`;

document.write(str1 + ', ' + typeof str1 + '<br>');
document.write(str2 + ', ' + typeof str2 + '<br>');

 

ES6 문법인 Template String(템플릿 문자열)을 이용해서 숫자를 문자열로 변환하였습니다.

템플릿 문자열은 백틱(`)으로 문자열을 감싸서 표현하고,

(백틱은 작은 따옴표가 아닌, 키보드 왼쪽 상단의 '~'키 아래에 있는 key입니다.)

'${}' 안에 Javascript 변수를 넣으면 해당 변수의 값을 대응시켜서 문자열을 만들어 줍니다.

 

const str1 = `${number1}`;

이 구문은 템플릿 문자열을 백틱(`)으로 감싸서 표현하고,

'${}' 표현 안에 숫자인 number1 변수를 넣어주었습니다.

이 템플릿 문자열은 number1의 숫자를 문자열로 변환시켜 리턴하였습니다.

 

 

4. 빈 문자열 이어붙이기

const str1 = 123.1 + "";
const str2 = 123 + "";

document.write(str1 + ', ' + typeof str1 + '<br>');
document.write(str2 + ', ' + typeof str2 + '<br>');

 

가장 많이 사용하는 방법으로 숫자에 빈 문자열("")을 연결하여 

숫자를 문자로 변경하였습니다.

 

---

 

Javascript에서 숫자를 문자로 변경하는 방법을 알아보았습니다.