본문 바로가기

Programming/JavaScript

[JavaScript]JS의 Number 속성 소수점 제어

728x90
  •  JavaScript에서 Number를 제어하다보면 소수점이 나오는 경우가 있는데 이 때 간단하게 해당하는 소수점을 제어 할 수 있는 객체가 있습니다.

- Math 사용

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

위와같은 객체를 활용하여 JavaScript의 소수점을 제어할 수 있습니다.

 

- Math.ceil(Number) 사용

  • 먼저 소수점을 올리는 예제를 보겠습니다.
const a = 5;
const b = 3;
const c = 6;
const d = 5;


console.log(a/b);
// 결과 : 1.6666666666666667
console.log(Math.ceil(a/b));
// 결과 : 2


console.log(c/d);
// 결과 : 1.2
console.log(Math.ceil(c/d));
// 결과 : 2
  • 위의 코드와 같이 Math.ceil() 을 이용하면 소수점자리는 무조건 올림을 적용한 후 출력을 하게됩니다.

- Math.floor(Number) 사용

  • 이번에는 소수점을 버르는 예제를 보겠습니다.
const a = 5;
const b = 3;
const c = 6;
const d = 5;


console.log(a/b);
// 결과 : 1.6666666666666667
console.log(Math.floor(a/b));
// 결과 : 1


console.log(c/d);
// 결과 : 1.2
console.log(Math.floor(c/d));
// 결과 : 1
  • Math.floor() 을 사용하면 소수점은 제외한 후 정수부분만 출력하게 됩니다.

- Math.round(Number) 사용

  • 다음으로는 소수점 반올림인 Math.round() 예제를 보겠습니다.
const a = 5;
const b = 3;
const c = 6;
const d = 5;
const e = 6;
const f = 4;


console.log(a/b);
// 결과 : 1.6666666666666667
console.log(Math.round(a/b));
// 결과 : 1


console.log(c/d);
// 결과 : 1.2
console.log(Math.round(c/d));
// 결과 : 1

console.log(e/f);
// 결과 : 1.5
console.log(Math.round(e/f));
// 결과 : 2
  • Math.round() 를 사용하여 반올림을 할 경우 소수점의 첫 번쨰 숫자가 5보다 클 경우는 올림을 적용하고 5 미만일 경우는 버림을 적용 한 후 정수를 반환합니다.