Notice
Recent Posts
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- JS appendChild
- JS 데이터타입
- JS setTimeout
- JS 기초
- JS null undefined
- JS redirection
- JS classList
- JS 함수
- JS append
- CSS기초
- js 변수
- git 협업셋팅
- JS form action
- JS prompt
- JS 타이머기능
- JS value속성
- JS setInterval
- JS clearInterval
- JS localStorage
- JS 삼항연산
- JS 스코프
- HTML기초
- JS 숫자
- JS typeof연산자
- JS 화살표함수
- JS form
- JS preventDefault
- JS 형변환
- CSS속성정리
- JS 연산
Archives
공부기록용
JS_숫자를 문자열로 변환하기 본문
🔴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
그냥 단순히 빈 문자열("")만 공백도 필요없는 연결하면 숫자를 문자로 변경할 수 있다.
참고🖇️
'💡깨달음💡 > Javascript' 카테고리의 다른 글
동기와 비동기의 차이 (0) | 2023.10.05 |
---|---|
document객체정리(많이 사용하는거 위주) (0) | 2023.09.21 |
JS_반복문 (0) | 2023.08.15 |
JS_변수, 데이터 타입 (0) | 2023.08.14 |
JS_정수와 실수의 정의, 정수 판별하기 (0) | 2023.08.08 |
Comments