Program JavaScript do formatowania liczb jako ciągów walutowych

W tym przykładzie nauczysz się pisać program JavaScript, który będzie formatował liczby jako ciągi walutowe.

Aby zrozumieć ten przykład, powinieneś znać następujące tematy programowania JavaScript:

  • Numer JavaScript
  • Ciąg JavaScript
  • Numer JavaScript toLocaleString ()

Przykład 1: Sformatuj liczby jako ciąg waluty

 // program to format numbers as currency string const formatter = new Intl.NumberFormat('en-US', ( style: 'currency', currency: 'USD' )); formatter.format(2500);

Wynik

 2500,00 $

W powyższym programie wykorzystaliśmy Intl.NumberFormatobiekt.

Intl.NumberFormatObiekt umożliwia formatowanie liczb języka liter.

Przykład 2: Formatowanie liczb jako ciągu waluty przy użyciu konkatenacji

 // program to format numbers as currency string const number = 1234.5678; const result = '$ ' + number.toFixed(2); console.log(result);

Wynik

 1234,57 $

W powyższym przykładzie toFixed(2)metoda służy do zaokrąglania liczby do dwóch wartości dziesiętnych.

'$' jest dodawany do liczby, aby przekształcić ją w ciąg walutowy.

Przykład 3: Formatowanie liczb jako ciągu walutowego za pomocą metody toLocaleString ()

 // program to format numbers as currency string const result = (2500).toLocaleString('en-US', ( style: 'currency', currency: 'USD' )); console.log(result);

Wynik

 2500,00 $

toLocaleString()Metoda zwraca łańcuch z reprezentacją języka wrażliwego tego numeru.

Przykład 4: Formatowanie liczb jako ciągu walutowego przy użyciu wyrażenia regularnego

 // program to format numbers as currency string const result = 1234.5678.toFixed(2).replace(/d(?=(d(3))+.)/g, '$&,'); console.warn('$ ' + result);

Wynik

 1234,57 $

W powyższym przykładzie replace()metoda jest używana ze wzorcem RegEx w celu zastąpienia liczby ciągiem walutowym.

toFixed(2)Metoda służy do zaokrąglić liczbę do dwóch wartości dziesiętnych.

Interesujące artykuły...