[JS] 숫자를 문자로 변환하는 방법

JavaScript에서 숫자를 문자열로 변환하는 방법을 정리.

 

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

 

1.  toString()

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

 

toString() 메서드를 호출하여 숫자를 문자열로 변환할 수 있다.

toString()의 인자에 숫자를 넣어주게 되면 해당 숫자의 진법으로 변환하여 문자열로 리턴한다.

아무것도 넣지 않으면 깁노 10진법으로 리턴해준다.

 

 

2. String() 

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

 

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

10진법만을 사용할 것이라면 toString()보다 간편하게 사용할 수 있다.

 

 

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

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

 

ES6 문법인 Template String(템플릿문자열)을 이용해 숫자를 문자로 변환할 수 있다.

템플릿 문자열은 백틱(`)으로 문자열을 감싸서 표현한다.

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

 

 

4. 빈 문자열 이어붙이기

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

 

가장 간단해서 많이 사용하게 될 방법이다.

단순이 숫자에 + "" 해주면 문자열로 넣어준다.

 

마무리 )

temp_html에 `코드`  담아서 DB로받은 데이터로 작업하던 것들이 템플릿 문자열을 사용한것이었다!!