웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > js

자바스크립트 원하는 소수점까지만 계산하여 보여주는 방법은?

Last Modified : 2019-01-30 / Created : 2017-04-03
4,461
View Count

자바스크립트 원하는 소수점까지만 계산하여 보여주려먼 어떻게할까요? 아래에서 자세히 알아봅니다.




# 자바스크립트 소숫점 단위 변경하기

먼저 자바스크립트에서 소수점 단위를 원하는 값으로 바꾸는 방법으로 내장함수 .toFixed()를 사용할 수 있습니다. 사용 방법은 매우 간단한데 아래의 문법으로 사용합니다.

Number.myFixed(소수점 단위 값)

즉 소수점 한 자리까지 표기하려는 경우는 Number.myFixed(1)을 사용하면 됩니다. 매우간단하죠? 그럼 아래에서 예제를 통해 더 자세히 알아봅니다.


! 자바스크립트 소수점 toFixed() 예제보기

만약 아래와 같은 값이 있는 경우 각각 원하는 소수점만 반환하도록 toFixed()를 사용해보겠습니다. 어떻게 반환되는지 알아보세요.
var myNum = 0.1234567;

// 아래와 같이 소수점 값 얻기
myNum.toFixed(0);
myNum.toFixed(2);
myNum.toFixed(5);
myNum.toFixed(10);

위 코드를 실행한 결과는 각각 아래와 같이 나타나게됩니다.
0
0.12
0.12346
0.1234567

매우 쉽게 원하는 자릿수의 소수점을 가지게되었습니다. 여기서 특이한 점은 바로 세 번째 결과가 0.12345가 아닌 0.12346이라는 점입니다. 즉 뒤에 남은 숫자는 버림이 아닌 반올림되어 올라가는 점이 다른 점입니다. 이를 사용하여 자바스크립트 숫자 값을 반올림하는 방법으로도 사용할 수 있으니 함께 꼭 알아두세요.


> 소수점 관련 버림 올림 반올림 링크 바로가기
https://webisfree.com/2015-10-29/자바스크립트-소수점-버림-올림-반올림-절사-방법

Previous

자바스크립트에서 스크롤을 화면 끝으로(마지막) 이동시키는 방법은?

Previous

hls.js에서 에러 이벤트(error handling)를 처리하는 방법은?