자바스크립트는 toPrecision() 메서드를 제공하여 소숫점을 제외한 전체 숫자의 자릿수를 표현하고 있다. 소숫점이하 자릿수를 표현하는 toFixed() 메서드와 비교되지만 그럼에도 유용하게 사용될 수 있다. 특히 숫자를 다루는 프로그램을 개발할 때 자주 사용될 수 있다.
자바스크립트 숫자형 자리수 지정
toPrecision 메서드 사용
자바스크립트에서 숫자형태의 자리수를 지정하는 것은 귀찮은 작업이기도 하다.
그렇기 때문에 여러 메서드가 존재하는데 그중 toPrecision() 메서드 또한 자주 사용될 수 있다.
이전 포스팅에서 toFixed() 메서드를 사용했었다.
소숫점 이하 자리수를 고정시키는 메서드로써 사용이 된다.
toPrecision() 메서드는 toFixed() 메서드와는 다르게 소숫점을 제외한 전체 숫자의 자릿수를 표현한다.
전체 자릿수 표현
자바스크립트의 toPrecision() 메서드는 소숫점을 제외한 숫자 전체의 자릿수를 표현한다.
toFixed() 메서드와 차이나는 점이 여기에 있다.
소숫점을 기준으로 소숫점 이하를 표현하는가? 또는 소숫점을 제외하고 전체 수를 표현하는가 이다.
공통점은 자릿수만을 표현한다.
하지만 toPrecision() 메서드 또한 반올림되는 사실에 주목하자.
Number.toPrecisoin(자릿수)샘플코드
간단하 파이썬 예제를 만들어 본다.
자주 사용되진 않겠지만 역시나 숫자를 사용하는 프로그램 개발시에는 이 메서드는 유용하다.
다시 언급하면 소숫점을 제외한 전체 숫자의 자릿수를 표현하는 것에 주목하자.
<!DOCTYPE html>
<html>
<body>
<h2>자바스크립트 숫자형 toPrecision</h2>
<div id="cont">
<p id="ret1"></p>
<p id="ret2"></p>
<p id="ret3"></p>
<p id="ret4"></p>
<p id="ret5"></p>
</div>
<script>
console.log("----------");
let vNum = 6.6565656565656;
let voPrecision;
voPrecision = vNum.toPrecision();
console.log(typeof(voPrecision), voPrecision);
document.getElementById("ret1").innerText = voPrecision;
voPrecision = vNum.toPrecision(2);
console.log(typeof(voPrecision), voPrecision);
document.getElementById("ret2").innerText = voPrecision;
voPrecision = vNum.toPrecision(4);
console.log(typeof(voPrecision), voPrecision);
document.getElementById("ret3").innerText = voPrecision;
voPrecision = vNum.toPrecision(6);
console.log(typeof(voPrecision), voPrecision);
document.getElementById("ret4").innerText = voPrecision;
console.log("----------");
</script>
</body>
</html>결과 화면을 보자.
전체 자릿수를 표현하고 있다.
6에서 끝나는 지점이 있다면 반올림이 되는 사실 또한 확인한다.
리턴값은 문자열이다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 숫자 변환하기 convert to number (0) | 2021.12.07 |
|---|---|
| 자바스크립트 valueOf 메서드 사용 원시데이터의 변환 primitive value (0) | 2021.12.05 |
| 자바스크립트 소숫점 고정 toFixed() 메서드 사용하기 using javascript tofixed method (0) | 2021.12.04 |
| 자바스크립트 지수 문자열 기하급수적 숫자 표현 javascript to Exponential method (0) | 2021.12.03 |
| 자바스크립트 숫자 문자 변환 메서드 toString javascript number toString method (0) | 2021.12.02 |
댓글