JavaScript에서 10진수 형식 지정
-
toString()메서드를 사용하여 JavaScript에서 10진수 형식 지정 -
toFixed()메서드를 사용하여 JavaScript에서 10진수 형식 지정 -
toLocaleString()메서드를 사용하여 JavaScript에서 10진수 형식 지정
이 기사에서는 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"
Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.
LinkedIn