이번 글에서는 자바스크립트에서 쉼표가 포함된 숫자의 서식 지정에 대해 논의하겠습니다. 때로는 쉽게 읽을 수 있도록 HTML 페이지에서 숫자 형식을 쉼표로 지정해야 하는 경우도 있습니다. JavaScript를 사용하면 숫자를 쉼표로 구분된 값으로 변환할 수 있습니다. 여기에서는 동일한 방법에 대해 논의하겠습니다.
쉼표로 숫자의 형식을 지정하는 첫 번째 방법은 toLocaleString() 방법.
선주문 순회
toLocaleString() 메소드 사용
그만큼 자바스크립트 toLocaleString() 메소드는 주어진 배열의 요소를 문자열로 변환하는 데 사용되며 이러한 문자열은 쉼표 ','로 구분됩니다. 우리는 통과할 수 있습니다 '우리 안에' 메소드가 미국 및 영어 형식을 사용하고 천 단위 사이에 쉼표를 사용하여 숫자를 표시하도록 매개변수로 사용합니다.
이제 예를 통해 방법을 이해해 보겠습니다.
예
이 예에서는 toLocaleString() 쉼표로 구분된 숫자 형식을 지정합니다. 여기서는 두 숫자의 형식을 지정합니다. 하나는 정수 유형이고 다른 하나는 부동 소수점입니다. 주어진 버튼을 클릭하면 주어진 숫자가 쉼표로 표시됩니다. 숫자는 수천 자리에서 쉼표로 구분됩니다.
Using JavaScript's toLocaleString() method <p> This is an example of using the regular expression in javascript to format a number with commas </p> <b> Number1 = '1482351769' </b> <br> <b> Number2 = '1000.51769' </b> <p> Click the below button to print the above numbers separated with commas </p> Click me function fun() { num1 = 1482351769; output1 = num1.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write(' <b> Given number = </b> ', num1); document.write('<br> <b> Formatted number = </b> ', output1); num2 = 1000.51769; output2 = num2.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write('<br> <br> <b> Given number = </b> ', num2); document.write('<br> <b> Formatted number = </b> ', output2); }지금 테스트해보세요
산출
위 코드를 실행한 후 출력은 다음과 같습니다.
주어진 버튼을 클릭하면 출력은 다음과 같습니다.
이것이 이 튜토리얼의 전부입니다. 이 기사에서는 JavaScript에서 쉼표로 숫자 형식을 지정하는 세 가지 방법을 논의했습니다. JavaScript에서 쉼표를 사용하여 숫자 형식을 지정하는 방법을 이해하는 데 이 문서가 유익하고 유익하기를 바랍니다.