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

HOME > js

자바스크립트 소수점 버림, 올림, 반올림, 절사 방법

Last Modified : 2018-01-26 / Created : 2015-10-29
198,213
View Count

자바스크립트를 활용하여 숫자타입의 값을 버리거나 올리기(버림 또는 올림) 등등 다양한 방법으로 처리하는 방법에 대하여 알아보려합니다. 어떻게하면 숫자 타입 데이터를 간단하게 처리할 수 있을까요?



# 자바스크립트 숫자 타입의 값 버림, 올림 등 다양한 방법

다른 언어들 처럼 숫자를 쉽게 변환할 수 있는 편리한 함수가 자바스크립트에서 존재하며 이때는 Math 객체를 사용합니다. 아래는 Math 객체를 사용하는 간단한 모습입니다.

Math.floor(변환할 값)



Math 객체는 값을 처리하는 다양한 메소드(함수)들이 존재합니다. 이때 어떻게 사용하는지 간단한 예제와 방법들을 아래에서 확인하시기 바랍니다. 먼저 가장 간단한 소수점을 처리하는 방법에 대하여 알아보겠습니다.



# 숫자 변환의 다양한 예제보기

아래는 각각 올림, 내림, 버림 등등 여러가지 Math객체를 사용하는 예제입니다.

! Math() 소수점 올림, 버림, 반올림 방법

아무래도 숫자를 처리하는데 사용되는 메소드들 중에서 소수점을 처리가 가장 많이 사용될 것입니다. 소수점을 처리하는 방법 중 가장 많이 사용되는 올림, 버림, 반올림의 간단한 사용방법은 아래와 같습니다.

  • Math.ceil() : 소수점 올림, 정수 반환
  • Math.floor() : 소수점 버림, 정수 반환
  • Math.round() : 소수점 반올림, 정수 반환

그렇다면 간단한 예제를 통해서 알아볼까요? 만약 소수점을 가지는  변수 testnum가 있는 경우를 가정하여 아래의 예제를 통해 알아봅시다.



# 소수점 처리방법 예제소스 코드보기

소수점을 제거하거나 올림 등으로 처리하는 예제입니다.

! 소수점 올리기

var testnum = 99.11;

alert(Math.ceil(testnum));
// 100 출력, 올림 적용


! 소수점 버림

var testnum = 99.11;

alert(Math.floor(testnum));
// 99 출력, 버림 적용



! 소수점 반올림

var testnum = 99.5;

alert(Math.round(testnum));
// 100 출력, 반올림 적용


그 외에 소수점 처리를 하는 다른 방법들도 아래에서 알아봅니다.


# 소수점 처리에 사용되는 다른 방법, 함수

아래 방법은 소수점 처리에 사용할 수 있는 다른 함수들 입니다.

! toFixed()

toFixed를 사용하면 숫자에서 원하는 소수점 길이만큼만 반올림하여서 반환해 준다. 아래는 간단한 예제이다.
var testnum = 99.9876543;

testnum.toFixed(0); // 100 출력
testnum.toFixed(5); // 99.98765 출력



! toExponential()

이 함수를 사용하면 지정한 소수점 이하부터는 지수표기법으로 변환하여  출력된다. 아래의 예를 보자.
var testnum = 99.12345;

testnum.toExponential(3); // 9.9123e+2 출력 지수표기법으로 표기됨



! toPrecision()

지정된 값만큼 반올림한 정수와 소수점으로 나타낸다. 이때 지정한 값보다 원래 데이터 자리수가 더 많은 경우 지수표기법으로 나타난다. 반대로 원 데이터의 자리수가 더 적은 경우 뒷자리는 반올림으로 표기된다.
var testnum = 99.123;

alert(testnum.toPrecision(2));
// 9.9e+2  출력, 지수표기법

alert(testnum.toPrecision(4));
// 99.120 반올림하여 표기


여기까지 자바스크립트에서 숫자에 사용가능한 많은 방법들을 알아보았습니다.

Previous

[제이쿼리] contains() 메소드 알아보기

Previous

파일 드래그하여 드랍시 이벤트 무시, preventDefault