728x90
반응형
javascript의 Math함수에는 올림 내림을 해주는 메서드들이 있씁니다.
이 글에서는 round, ceil, floor 이렇게 3가지의 방법에 대하여 알아볼까요
1. round
round 메서드는 반올림을 합니다.
코드를 통하여 한번 알아보겠습니다
const float = 11.4567;
1. console.log(Math.round(float));
2. console.log(Math.round(float * 10) / 10);
3. console.log(Math.round(float * 100) / 100);
4. console.log(Math.round(float / 10) * 10);
5. console.log(Math.round(float / 100) * 100);
// 1번의 결과는 11
// 2번의 결과는 11.5
// 3번의 결과는 11.46
// 4번의 결과는 10
// 5번의 결과는 0
이렇게 한번 써보았는데요. 차례로 결과를 한번 알아봅시다.
어떻게 이러한 결과가 나왔을까요?
float의 값에 10을 곱한뒤 반올림을 하게되면 114.567의 값을 반올림 하게 된것입니다. 그럼 값은 115
여기서 나누기 10을 해주니 11.5의 결과 값이 나오게 되는것입니다
그럼 나누기를 먼저 해준다면 결과는 반대가 되겠지요? 1.14567의 값을 반올림하면 1이 나오게되고
1에 10을 곱하면 10의 결과값이 나오게 되는것이죠
2. ceil
ceil의 메서드는 무조건 올림합니다.
그럼 코드로 한번 알아볼까요!
const float = 45.3123;
const minus = -45.3123;
console.log(Math.ceil(float));
// 결과 46
console.log(Math.ceil(minust));
// 결과 -45
여기서 조금 특별한 값을 넣어보았습니다. 마이너스 값인데요
마이너스를 올림한다면 '높은 값으로 올린다'라는 가정이 깔려있기때문에 -45라는 결과값이 나오게 되는 것입니다.
3. floor
floor 메서드는 내림을 하는 메서드입니다.
바로 코드로 알아보도록 하죠
const float = 45.3123;
const minus = -45.3123;
console.log(Math.floor(float));
// 결과 45
console.log(Math.floor(minust));
// 결과 -46
위의 ceil과는 결과가 반대라고 생각하면 편합니다. '낮은값으로 내린다' 라는 가정이 깔려있어서 결과가 저렇게 나오는 것이죠.
이렇게 올림,내림 3종류에 대하여 알아보았습니다.
728x90
반응형