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 미만일 경우는 버림을 적용 한 후 정수를 반환합니다.
'Programming > JavaScript' 카테고리의 다른 글
[JavaScript] 리액트에 indexedDB 사용하기 (0) | 2024.08.18 |
---|---|
[JavaScript] 배열이란?? (0) | 2022.10.22 |
[JavaScript]Front로 가기위한 나만을 위한 JS 기초다지기-데이터 타입 (0) | 2022.09.02 |
[React]React 프로젝트 git에 배포 시 Link _blank (0) | 2022.08.11 |
[JavaScript]변수에 할당 된 데이터 타입 조회 방법 (0) | 2022.08.09 |