W tym artykule omówimy formatowanie liczb za pomocą przecinków w JavaScript. Czasami wymagamy sformatowania liczby za pomocą przecinków na stronie HTML, aby była łatwa do odczytania. Używając JavaScript, możemy przekształcić liczbę w wartość oddzieloną przecinkami. Tutaj omówimy sposoby na to samo.
Pierwszym sposobem formatowania liczb za pomocą przecinków jest użycie doLocaleString() metoda.
Korzystanie z metody toLocaleString().
The JavaScript doLocaleString() metoda służy do konwersji elementów danej tablicy na ciąg znaków, a ciągi te oddzielane są przecinkiem „,”. Możemy przejść 'w nas' jako parametr, tak aby metoda przyjęła format języka Stanów Zjednoczonych i języka angielskiego i będzie reprezentować liczby z przecinkiem pomiędzy tysiącami.
Teraz zrozummy tę metodę na przykładzie.
Przykład
W tym przykładzie używamy doLocaleString() aby sformatować liczby oddzielone przecinkami. Tutaj formatujemy dwie liczby, jedna jest typu całkowitego, a druga zmiennoprzecinkowa. Po kliknięciu danego przycisku podane liczby zostaną sformatowane za pomocą przecinków. Liczby w tysiącach miejsc będą oddzielone przecinkami.
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); } Przetestuj teraz Wyjście
Po wykonaniu powyższego kodu wyjściem będzie -
Po kliknięciu danego przycisku wyjściem będzie -
To wszystko w tym samouczku. W tym artykule omówiliśmy trzy sposoby formatowania liczb za pomocą przecinków w JavaScript. Mamy nadzieję, że ten artykuł okaże się pouczający i przydatny w zrozumieniu sposobów formatowania liczb za pomocą przecinków w JavaScript.
mapa skrótów