2021-04-06
자바스크립트 내에서도 간단한 소수점 처리가 가능한데, 이는 Math Object를 활용해서 처리할 수 있다. 오늘은 이와 같은 방법을 알아보도록 하자.
- ceil
Math.ceil("숫자") 메소드는 매개 값으로 들어오는 숫자의 소수점의 수 또는 자릿수에 상관없이 무조건 올림을 진행한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
console.log(Math.ceil(5.1)) // 리턴값 6
console.log(Math.ceil(4.4)) // 리턴값 5
console.log(Math.ceil(1.312)) // 리턴값 2
console.log(Math.ceil(7.88)) // 리턴값 8
console.log(Math.ceil(6.7)) // 리턴값 7
</script>
</head>
<body>
Hello World
</body>
</html>
- floor
반면에 floor의 경우 ceil과는 정반대의 기능을 수행하게 된다. 매개값으로 오는 숫자의 소수점의 수와 자릿수에 상관없이 무조건 내림 동작을 수행한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
console.log(Math.floor(5.1)) // 리턴값 5
console.log(Math.floor(4.4)) // 리턴값 4
console.log(Math.floor(1.312)) // 리턴값 1
console.log(Math.floor(7.88)) // 리턴값 7
console.log(Math.floor(6.7)) // 리턴값 6
</script>
</head>
<body>
Hello World
</body>
</html>
- round
round의 경우 소숫점의 숫자의 크기에 따라 반올림을 수행하며, 리턴 값은 정수의 값을 리턴하기 때문에 첫째 자리 기준으로 값을 확인하여 반올림된 정수 값을 리턴한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
console.log(Math.round(5.1)) // 리턴값 5
console.log(Math.round(4.4)) // 리턴값 4
console.log(Math.round(1.312)) // 리턴값 1
console.log(Math.round(7.88)) // 리턴값 8
console.log(Math.round(6.51)) // 리턴값 7
</script>
</head>
<body>
Hello World
</body>
</html>