JavaScript에서 float(부동 소수점) 숫자를 원하는 자릿수로 포맷하려면 Math.round() 함수를 사용할 수 있습니다. 이 함수는 소수점 이하를 반올림하여 깔끔한 숫자 값을 얻는 데 유용합니다.
예를 들어, 소수점 둘째 자리까지만 표시하고 싶다면 값에 100을 곱한 후 반올림하고, 다시 100으로 나누면 됩니다.
Math.round() 사용 예제
<!DOCTYPE html> <html> <body> <script> var val1 = 0.55843424; var res = Math.round(val1*100)/100; document.write(res); </script> </body> </html>
위 코드를 실행하면 0.56이 출력됩니다. 즉, 긴 소수 0.55843424가 소수점 둘째 자리까지 반올림된 결과입니다.
toFixed() 메서드로 대체하기
반올림과 동시에 항상 고정된 소수 자릿수를 문자열로 표시하고 싶다면 toFixed() 메서드를 사용하는 것이 더 간편합니다.
<script> var val1 = 0.55843424; var res = val1.toFixed(2); document.write(res); // 0.56 출력 </script>
toFixed(2)는 소수점 둘째 자리까지 반올림된 문자열을 반환하므로, 화면에 일정한 형식으로 숫자를 표시할 때 특히 유용합니다. 두 방법의 차이는 Math.round()가 숫자(Number) 타입을 반환하는 반면, toFixed()는 문자열(String) 타입을 반환한다는 점입니다.