Js 소수점 둘째자리 - js sosujeom duljjaejali

Question

티스토리 뷰

출처 : https://okky.kr/article/350117

목차 Show

티스토리 뷰
[JavaScript] 소수점 올림 / 버림 / 반올림 / 자리수 표기
자바스크립트 소수점 자리수 처리 하는 방법
소수점 자리수 올림
소수점 자리수 내림
소수점 자리수 반올림
소수점 자리수 제거
소수점 자리수 제어 심화
참고 문서

보통은 이 방법들을 많이 쓴다.

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

그런데 나는 원하는 자리까지는 소수점을 보존하고 싶었다.

substr 보다 더 신박한 방법이 있다고 한다.

var n = 14.7778777855445;
alert(Math.floor(n * 100000)/100000);

원하는 소수점 자리만큼 10의 n승을 해서 곱해주고 (소수점 이하 5자리니까 * 100000)

Math.floor로 소수점 이하를 버리고

아까 곱해준 만큼 다시 나눠줘서 소수로 되돌리는 방식입니다.

Heojju

카테고리 없음

[JavaScript] 소수점 올림 / 버림 / 반올림 / 자리수 표기

우주별 2017. 8. 17. 13:33

▤ 소수점 올림

document.write(Math.ceil(123.456)+"\n"); //124

document.write(Math.ceil(123.567)+"\n"); //124

</script>

▤ 소수점 버림

document.write(Math.floor(123.456)+"\n"); //124

document.write(Math.floor(123.567)+"\n"); //124

</script>

▤ 소수점 반올림

document.write(Math.round(123.456)+"\n"); //123

document.write(Math.round(123.567)+"\n"); //124

</script>

▤ toFixed : 숫자를 문자열로 변환하면서 지정된 소수점 이하 숫자를 반올림하여 출력

document.write((123.456).toFixed(0)+"\n"); //123

document.write((123.456).toFixed(2)+"\n"); //123.46

document.write((123.456).toFixed(4)+"\n"); //123.4560

document.write((123.789).toFixed(0)+"\n"); //124

document.write((123.789).toFixed(2)+"\n"); //123.79

document.write((123.789).toFixed(4)+"\n"); //123.7890

</script>

▤ toExponential : 숫자를 문자열로 변환하면서 소수점 앞의 숫자 하나와 지정된 개수의 소수점 이후 숫자로 구성되는 지수표기법을 사용하여 출력

document.write((123.456).toExponential(0)+"\n"); //1e+2

document.write((123.456).toExponential(2)+"\n"); //1.23e+2

document.write((123.456).toExponential(4)+"\n"); //1.2346e+2

document.write((1234.56).toExponential(0)+"\n"); //1e+3

document.write((1234.56).toExponential(2)+"\n"); //1.23e+3

document.write((1234.56).toExponential(4)+"\n"); //1.2346e+3

</script>

▤ toPrecision : 지정된 수의 유효 숫자 개수만큼 숫자로 출력. 만약 유효 숫자 갯수가 숫자의 정수부분 전체를 출력할 만큼 충분하지 않다면 지수 표기법으로 출력

document.write((123.456).toExponential(2)+"\n"); //1.23e+2

document.write((123.456).toExponential(4)+"\n"); //1.2346e+2

document.write((123.456).toExponential(7)+"\n"); //1.2345600e+2

</script>

참고 : http://fillin.tistory.com/88

웹 개발을 하다보면 다양한 요구사항이 생기기 마련입니다. 그 중에서도 아주 빈도가 높은 편은 아니지만 많이 요구되는 기능이 숫자 소수점 처리에 대한 것입니다.

보통 숫자를 표시하는 경우, 예를 들어 퍼센티지를 나타내는 등의 여러가지 지표를 보여줄 때 사용하게 됩니다.

이 번 포스팅에서는 자바스크립트에서 소수점 처리하는 방법에 대해서 알아보도록 하겠습니다.

자바스크립트 소수점 자리수 처리 하는 방법

자바스크립트에서 소수점을 처리하기 위해서 사용되는 함수는 다양하게 존재합니다. 가장 간단하면서 많은 사람들이 일반적으로 사용하는 방법은 빌트인 객체인 Math 객체와 Number 객체를 이용하는 것입니다.

Math.ceil(x): 주어진 값에 소수점 올림하여 정수를 반환
Math.floor(x): 주어진 값에 소수점 내림하여 정수를 반환
Math.round(x): 주어진 값에 소수점 반올림하여 정수를 반환
Number.prototype.toFixed(x): 주어진 값의 길이만큼 소수점 자리수를 반올림하여 반환

소수점 자리수 올림

const number1 = 1.3434
const number2 = 10.4321
const number3 = 100.5342

console.log(Math.ceil(number1))   // 2
console.log(Math.ceil(number2))   // 11
console.log(Math.ceil(number3))   // 101

소수점 자리수 내림

const number1 = 1.3434
const number2 = 10.4321
const number3 = 100.5342

console.log(Math.floor(number1))   // 1
console.log(Math.floor(number2))   // 10
console.log(Math.floor(number3))   // 100

소수점 자리수 반올림

const number1 = 1.3434
const number2 = 10.4321
const number3 = 100.5342

console.log(Math.round(number1))   // 1
console.log(Math.round(number2))   // 10
console.log(Math.round(number3))   // 101

소수점 자리수 제거

const number1 = 1.34313
const number2 = 1.35756

console.log(number1.toFixed(2))   // 1.34
console.log(number2.toFixed(4))   // 1.3576

Number.prototype.toFixed() 함수를 사용할 경우, 기본적으로 반올림이 원칙입니다. 따라서 올림이나 내림을 적용하려면 약간의 조작이 필요합니다.

소수점 자리수 제어 심화

toFixed() 함수를 사용하게 될 경우, 주어진 숫자의 뒷자리로부터 반올림하여 반환해주기 때문에 만약 특정 자리수에서 올림 또는 내림을 해야하는 상황이 있다면 다음과 같이 따로 구현을 해줄 수 있습니다.

특정 자리수에서 올림

const number = 1.003  // 소수점 세째 자리에서 올림하여 1.01으로 만들고 싶음

const temp1 = number * 100
const temp2 = Math.ceil(temp)
const result = temp2 / 100

console.log(result)   // 1.01

특정 자리수에서 내림

const number = 1.005  // 소수점 세째 자리에서 내림하여 1.00으로 만들고 싶음

const temp1 = number * 100
const temp2 = Math.floor(temp)
const result = temp2 / 100

console.log(result)   // 1.00