Zahlen lokal in JavaScript formatieren

JavaScriptJavaScriptBeginner
Jetzt üben

This tutorial is from open-source community. Access the source code

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Lab werden wir untersuchen, wie man in JavaScript Zahlen mit der lokalen Zahlenformatierung formatiert. Wir werden die Number.prototype.toLocaleString()-Methode verwenden, um eine gegebene Zahl in das lokale Zahlenformat mit Separatoren wie Kommas und Punkte zu konvertieren. Am Ende dieses Labs werden Sie einen klaren Überblick darüber haben, wie man Zahlen in verschiedenen Gebietsschemata formatiert.


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-28317{{"Zahlen lokal in JavaScript formatieren"}} javascript/data_types -.-> lab-28317{{"Zahlen lokal in JavaScript formatieren"}} javascript/arith_ops -.-> lab-28317{{"Zahlen lokal in JavaScript formatieren"}} javascript/comp_ops -.-> lab-28317{{"Zahlen lokal in JavaScript formatieren"}} end

Zahlenformatierungsfunktion

Um eine Zahl mit der lokalen Zahlenformatierung zu formatieren, führen Sie die folgenden Schritte aus:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
  2. Verwenden Sie die Number.prototype.toLocaleString()-Methode, um eine Zahl in das lokale Zahlenformat mit Separatoren zu konvertieren.
  3. Geben Sie die zu formatierende Zahl als Argument an die Funktion weiter.

Hier ist eine Beispielimplementierung:

const formatNumber = (num) => num.toLocaleString();

Und hier sind einige Beispiele für die Verwendung der Funktion:

formatNumber(123456); // '123,456' in `en-US`
formatNumber(15675436903); // '15.675.436.903' in `de-DE`

Zusammenfassung

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