> 웹 프론트엔드 > JS 튜토리얼 > 항상 소수점 이하 두 자리를 표시하도록 숫자 형식을 안정적으로 지정하는 방법은 무엇입니까?

항상 소수점 이하 두 자리를 표시하도록 숫자 형식을 안정적으로 지정하는 방법은 무엇입니까?

DDD
풀어 주다: 2024-12-17 13:07:25
원래의
280명이 탐색했습니다.

How to Reliably Format Numbers to Always Show Two Decimal Places?

항상 소수점 이하 2자리를 표시하도록 숫자 형식을 지정하는 방법

목표:

목표 숫자를 소수점 이하 두 자리까지 일관되게 표시하고 다음과 같이 반올림합니다. 필요합니다.

예:

number display
1 1.00
1.341 1.34
1.345 1.35

초기 접근 방식:

parseFloat(num).toFixed(2) 사용 ; 원하는 소수점 없이 1과 같은 값을 표시하기 때문에 숫자 형식을 지정하는 데 실패했습니다.

해결책:

원하는 형식을 얻으려면 다음 공식을 사용하세요.

(Math.round(num * 100) / 100).toFixed(2);
로그인 후 복사

설명:

이것은 해결 방법에는 세 가지 주요 단계가 포함됩니다.

  1. 100 곱하기: 이 단계는 소수점을 오른쪽으로 두 자리 이동하여 유효 자릿수를 잃지 않고 정확하게 반올림할 수 있습니다.
  2. 결과 반올림: 가장 가까운 값으로 반올림하기 위해 Math.round()가 적용됩니다. 정수.
  3. 100으로 나누기: 이 단계에서는 소수점을 원래 위치로 되돌려 숫자가 정확히 소수점 두 자리까지 표시되도록 합니다.

코드 데모:

var num1 = "1";
document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);

var num2 = "1.341";
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);

var num3 = "1.345";
document.getElementById('num3').innerHTML = (Math.round(num3 * 100) / 100).toFixed(2);
로그인 후 복사

출력:

number display
1 1.00
1.341 1.34
1.345 1.35

위 내용은 항상 소수점 이하 두 자리를 표시하도록 숫자 형식을 안정적으로 지정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿