Währungsformatierung mit Intl.NumberFormat beherrschen

Einführung

In diesem Lab werden wir lernen, wie man eine Zahl in einen Währungsstring formatieren kann, indem man die Intl.NumberFormat-Methode verwendet. Diese Methode ermöglicht es uns, Zahlen in eine Währung zu formatieren, die auf Länder- und Sprachformate anspricht. Wir werden untersuchen, wie man diese Methode mit verschiedenen Währungen und Sprachformaten verwendet, um Währungsstrings in verschiedenen Formaten anzuzeigen.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28516{{"Zahl in Währungsstring"}} javascript/data_types -.-> lab-28516{{"Zahl in Währungsstring"}} javascript/arith_ops -.-> lab-28516{{"Zahl in Währungsstring"}} javascript/comp_ops -.-> lab-28516{{"Zahl in Währungsstring"}} end

Zahl in Währungsstring

Um eine gegebene Zahl als Währungsstring zu formatieren, verwenden Sie die toCurrency-Funktion. Diese Funktion nimmt eine Zahl und den Währungscode als Argumente entgegen und gibt den formatierten String zurück.

Die Funktion verwendet Intl.NumberFormat, um eine landesspezifische/Währungsformatierung zu ermöglichen. Optionaler können Sie auch einen Sprachformatierungsstring übergeben, der für die Währungsformatierung verwendet werden soll.

const toCurrency = (number, currencyCode, languageFormat) =>
  Intl.NumberFormat(languageFormat, {
    style: "currency",
    currency: currencyCode
  }).format(number);

Hier sind einige Beispiele:

toCurrency(123456.789, "EUR");
// €123.456,79  | currency: Euro | currencyLangFormat: Local

toCurrency(123456.789, "USD", "en-us");
// $123.456,79  | currency: US Dollar | currencyLangFormat: Englisch (Vereinigte Staaten)

toCurrency(123456.789, "USD", "fa");
// ۱۲۳٬۴۵۶٫۷۹ ؜$ | currency: US Dollar | currencyLangFormat: Farsi

toCurrency(322342436423.2435, "JPY");
// ¥322.342.436.423 | currency: Japanischer Yen | currencyLangFormat: Local

toCurrency(322342436423.2435, "JPY", "fi");
// 322 342 436 423 ¥ | currency: Japanischer Yen | currencyLangFormat: Finnisch

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Zahl in Währungsstring" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.