자바스크립트 개발시 숫자를 문자로 변환할 일이 있다. toString() 메서드를 사용하면 숫자형 데이터를 문자열 데이터로 변환할 수 있다. 문자열 리터럴 템플릿이라던가. 문서양식에 따라 숫자를 표현하고자 할 때 사용한다. 화면에 출력할 숫자의 표현식을 위해 사용되며 특별한 경우 데이터베이스에 저장하기 전 처리되는 데이터로 사용된다.
자바스크립트 숫자 문자 변환 메서드
toString javascript number toString method
자바스크립트 개발시 숫자를 문자로 변환해야 할 경우들이 있다.
화면에 보여주기 위해 숫자를 다른 문자열로 결합하는 경우들이 그렇고
문서 템플릿에 숫자를 표기해야 할 때도 그렇도
어쨌든 상황은 많다.
자바스크립트가 내부적으로 암시적으로 문자변환을 하고 있지만 + 키워드 때문에 뜻하지 않는 결과를 보여줄 수 있다.
숫자는 먼저 처리하자
숫자는 암묵적으로 문자로 변환되기도 한다.
하지만, 검증과 정확한 처리를 위해선 숫자는 먼저 처리를 하는 것이 좋다.
연산을 하던 문자열로 변환하던 말이다.
하지만, 이런 경우들이라도 자바스크립트 개발시 거의 일어나지 않는다.
자바스크립트의 숫자형 데이터를 문자로 바꿀 때는 toString() 메서드를 이용한다.
숫자.toString()샘플코드
간단히 코드를 만들어 본다.
연산을 먼저 하든, 숫자 변수를 넣든, 숫자만 넣든 어쨌거나 저쨌거나 toString() 메서드를 이용하면 숫자는 문자로 변경된다.
아래의 코드를 보자.
<!DOCTYPE html>
<html>
<body>
<h2>자바스크립트 숫자형</h2>
<div id="cont">
<p id="ret1"></p>
<p id="ret2"></p>
<p id="ret3"></p>
</div>
<script>
console.log("----------");
let vNum = 100;
console.log(typeof(vNum), vNum);
document.getElementById("ret1").innerText = vNum;
let vStr = vNum.toString();
console.log(typeof(vStr), vStr);
document.getElementById("ret2").innerText = vStr;
let vNum1 = 100;
let vNum2 = 100;
let vSum = (vNum1 + vNum2).toString();
console.log(typeof(vSum), vSum);
document.getElementById("ret3").innerText = vSum;
console.log("----------");
</script>
</body>
</html>숫자를 넣고 연산을 하고 있기도 한다.
숫자를 문자로 변경하기 위해 toString() 메서드를 사용했다.
결과화면을 보자.
숫자가 문자로 변환된 것을 볼 수 있다.
데이터타입이 number 에서 string 으로 바뀌것을 확인할 수 있다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 소숫점 고정 toFixed() 메서드 사용하기 using javascript tofixed method (0) | 2021.12.04 |
|---|---|
| 자바스크립트 지수 문자열 기하급수적 숫자 표현 javascript to Exponential method (0) | 2021.12.03 |
| 자바스크립트 숫자 객체 관계 javascript number object (0) | 2021.12.01 |
| 자바스크립트 16진수 표현과 toString 메서드 javascript hexadecimal and toString() (0) | 2021.12.01 |
| 자바스크립트 숫자 Infinity 무량대수 표현 javascript number (0) | 2021.11.30 |
댓글