💡깨달음💡/Javascript

JS_숫자를 문자열로 변환하기

과부하가즈아 2023. 8. 17. 21:21

🔴toString()
🔴String()
🔴Template literals을 이용하여 변환하기
🔴빈 문자열을 이어 붙이는 방법 변환하기


1. toString( )

문자열로 변환시키고자 하는 것.toString( );

const num = 786;
const str = num.toString();
const type = typeof str

console.log(typeof num); // number
console.log(str); // 786
console.log(type); // string

const str = 783.85.toString()
const type = typeof str

console.log(str); // 783.85
console.log(type); // string
console.log((3).toString(2)); // 11

(3).toString(2);

이 구문은 10진수 숫자 3을 2진수로 변환하여 문자열로 리턴,

toString()의 파라미터로 base 숫자를 입력해줄 경우, 해당 진법으로 숫자를 변환하여 문자열로 리턴한다. 


2. String( )

const str = String(783.85);
const type = typeof str

console.log(str); // 783.85
console.log(type); // string

1, 2와는 다른 느낌

3. Template literals

const num1 = 123.1;
const num2 = 123;

console.log(typeof num1); // number
console.log(typeof num2); // number

const str1 = `${num1}`;
const str2 = `${num2}`;

console.log(str1); // 123.1
console.log(typeof str1); // string
console.log(str2); // 123
console.log(typeof str2);// string

ES6 문법인 Template String(템플릿 문자열)을 이용해서 숫자를 문자열로 변환. 템플릿 문자열은 백틱(`)으로 문자열을 감싸서 표현하고, '${}' 안에 Javascript 변수를 넣으면 해당 변수의 값을 대응시켜서 문자열을 만들어 준다. 

 

const str1 = `${number1}`;

이 구문은 템플릿 문자열을 백틱(`)으로 감싸서 표현하고, '${}' 표현 안에 숫자인 number1 변수를 넣어준다. 이 템플릿 문자열은 number1의 숫자를 문자열로 변환시켜 리턴했다. 


4. 빈 문자열 이어붙이기

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

console.log(typeof str1); // string
console.log(typeof str2); // string

그냥 단순히 빈 문자열("")만 공백도 필요없는 연결하면 숫자를 문자로 변경할 수 있다.  

 

 

 

참고🖇️

https://hianna.tistory.com/491