Heim > Web-Frontend > js-Tutorial > Wie kann ich Zahlen in JavaScript als Währungszeichenfolgen formatieren?

Wie kann ich Zahlen in JavaScript als Währungszeichenfolgen formatieren?

Barbara Streisand
Freigeben: 2024-12-24 11:26:20
Original
936 Leute haben es durchsucht

How Can I Format Numbers as Currency Strings in JavaScript?

Zahlen als Währungszeichenfolgen in JavaScript formatieren

So formatieren Sie einen Preis in JavaScript als Währungszeichenfolge, z. B. „2.500,00 $“. kann die von der Internationalisierung bereitgestellte Funktion Intl.NumberFormat verwenden API.

Implementierung:

  1. Zahlenformatierer initialisieren:
const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
});
Nach dem Login kopieren
  • 'en-US' gibt als Gebietsschema Englisch (United) an Staaten).
  • 'style' legt den Formatierungsstil auf 'Währung' fest.
  • 'Währung' bezeichnet den Währungscode, z. B. 'USD' für US-Dollar.
  1. Wenden Sie das an Formatierung:
const formattedPrice = formatter.format(amount);
Nach dem Login kopieren
  • 'amount' stellt den zu formatierenden Gleitkommawert dar.
  • 'formattedPrice' gibt die formatierte Währungszeichenfolge zurück.

Anpassungsoptionen:

Sie können weitere Anpassungen vornehmen die Formatierung durch Verwendung zusätzlicher Parameter, wie zum Beispiel:

  • minimumFractionDigits: Geben Sie die Mindestanzahl der anzuzeigenden Dezimalstellen an (z. B. MinimumFractionDigits: 0 nur für ganze Zahlen).
  • maximumFractionDigits: Geben Sie die maximale Anzahl an anzuzeigende Dezimalstellen (z. B. „maximalFractionDigits: 2“ für zwei Dezimalstellen).
  • trailingZeroDisplay: Steuern Sie die Anzeige von nachgestellten Nullen (z. B. „stripIfInteger“, um Nullen zu entfernen, wenn die Eingabe a ist ganze Zahl).

Durch die Nutzung von Intl.NumberFormat können Sie Formatieren Sie Zahlen einfach und länderspezifisch als Währungszeichenfolgen.

Das obige ist der detaillierte Inhalt vonWie kann ich Zahlen in JavaScript als Währungszeichenfolgen formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage