Wie formatiere ich Zahlen als Währungszeichenfolgen in JavaScript?

Zahlen als Währungszeichenfolgen formatieren

Problemstellung:

In JavaScript besteht die Aufgabe darin, einen Preis als zu formatieren Währungszeichenfolge. Konkret besteht das Ziel darin, eine Funktion zu erstellen, die einen Float als Argument verwendet und eine Zeichenfolge im Format „$ 2.500,00“ zurückgibt.

Lösung:

JavaScript bietet a praktische Lösung für dieses Problem durch das Intl.NumberFormat API.

Intl.NumberFormat

Die Intl.NumberFormat-API bietet eine flexible Möglichkeit, Zahlen gemäß gebietsschemaspezifischen Regeln zu formatieren. Um einen Währungsformatierer zu erstellen, geben wir das Gebietsschema und den Stil an:

const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
});

Formatierung der Zahl

Sobald der Formatierer erstellt ist, können wir ihn zum Formatieren verwenden eine Zahl:

let inputValue = 2500;
const formattedValue = formatter.format(inputValue); // Returns "$ 2,500.00"

Anpassungsoptionen

Die Die Intl.NumberFormat API bietet verschiedene Anpassungsoptionen zum Anpassen der Formatierung:

• trailingZeroDisplay: Steuert die Anzeige von nachgestellten Nullen. 'stripIfInteger' entfernt nachgestellte Nullen für ganze Zahlen.
• minimumFractionDigits: Gibt die Mindestanzahl der anzuzeigenden Nachkommastellen an.
• maximumFractionDigits: Gibt die an maximale Anzahl von Nachkommastellen bis Anzeige.

Beispiel

Der folgende Codeausschnitt demonstriert die Verwendung von Intl.NumberFormat mit einigen Anpassungsoptionen:

// Create number formatter.
const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
  trailingZeroDisplay: 'stripIfInteger',
});

// Get user input.
let input = document.getElementById('amount');

// Apply formatting and display the result.
input.addEventListener('keyup', e => {
  const formattedValue = formatter.format(e.target.value);
  document.getElementById('result').innerText = formattedValue;
});

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