HOWTO · JavaScript
JavaScript에서 10진수 형식 지정
이 기사는 JavaScript를 사용하여 소수점 형식을 지정하는 방법을 이해하는 데 도움이 될 것입니다.
이 페이지의 내용
이 기사에서는 JavaScript를 사용하여 소수 자릿수 형식을 지정하는 방법을 살펴봅니다.
JavaScript에서 쉼표와 소수점 이하 자릿수로 숫자의 형식을 지정하려면 Math.round() 및 split()를 지정된 숫자로 사용할 수 있습니다. toFixed(), toString() 및 toLocaleString() 메서드를 사용하여 십진수 형식을 지정할 수 있습니다.
toString() 메서드를 사용하여 JavaScript에서 10진수 형식 지정
JavaScript의 toString() 메서드는 숫자를 문자열로 변환하고 지정된 Number 객체를 나타내는 문자열을 반환합니다.
<!DOCTYPE html>
<html>
<body>
<script>
var numb = 45342.764;
var valu = Math.round(Number(numb) * 100) / 100;
var pts = valu.toString().split(".");
var num =
pts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") +
(pts[1] ? "." + pts[1] : "");
console.log(num);
</script>
</body>
</html>
.split() 함수는 특정 지점의 문자열 조각을 배열 구성 요소로 만든 다음 쉼표로 구분된 시리즈로 다시 병합합니다.
출력:
"45,342.76"
함수를 만들어 toString() 메서드를 사용할 수도 있습니다.
<script>
var numb = 45342.76;
function numbCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
console.log(numbCommas(numb));
</script>
출력:
"45,342.76"
toFixed() 메서드를 사용하여 JavaScript에서 10진수 형식 지정
JavaScript의 toFixed() 메서드는 소수점 이하 두 자리로 숫자 형식을 지정합니다. toFixed() 메소드는 소수점 오른쪽에 지정된 자릿수로 숫자의 형식을 지정합니다.
소수점 이하 자릿수가 정확한 숫자의 문자열 표현을 출력하지만 과학적 표기법을 사용하지 않습니다.
<script>
var number1 = 45342.764; document.write("number1 is : " + number1.toFixed(2));
document.write("
<br /> ");
</script>
출력:
number1 is: 45342.76
toLocaleString() 메서드를 사용하여 JavaScript에서 10진수 형식 지정
마찬가지로 toLocaleString() 메서드를 사용하여 지역에 따라 다른 쉼표로 십진수를 구분할 수 있습니다. en-US와 같이 3자리마다 쉼표로 숫자를 구분하는 반면 hi-IN은 처음 3자리에서, 그 다음에는 2자리마다 구분합니다.
let decNum = 4534289.764;
console.log(decNum.toLocaleString('en-US'));
console.log(decNum.toLocaleString('hi-IN'));
출력:
"4,534,289.764"
"45,34,289.764"
