Formatiert eine Zahl als Währung String in JavaScript
-
Verwenden Sie die Methode
Intl.NumberFormat()
, um eine Zahl als WährungsZeichenkette in JavaScript zu formatieren -
Verwenden Sie die Methode
toLocaleString()
, um eine Zahl als WährungsZeichenkette in JavaScript zu formatieren -
Verwenden Sie die Bibliothek
Numeral.js
, um eine Zahl als WährungsZeichenkette in JavaScript zu formatieren
![Formatiert eine Zahl als Währung String in JavaScript](/img/JavaScript/feature-image---javascript-currency-format.webp)
Eine Nummer wird auf viele Arten dargestellt: Datum / Uhrzeit, Währung, Nummer und vieles mehr. Wenn es als Geldwert dargestellt wird, nimmt seine Wirkung zu und wird viel lesbarer. Zum Beispiel ist ein als 10000
geschriebener Geldwert viel weniger wirkungsvoll als eine Zahl, die als $ 10,000.00
dargestellt wird. Es sagt uns so viel mehr über die Zahl, die verschiedenen Währungssymbole und die verschiedenen Komma-Trennungen. In diesem Tutorial erfahren Sie, wie Sie eine Zahl als WährungsZeichenkette in JavaScript formatieren.
Verwenden Sie die Methode Intl.NumberFormat()
, um eine Zahl als WährungsZeichenkette in JavaScript zu formatieren
Diese Methode wird verwendet, um Zahlen in sprachempfindlicher Formatierung darzustellen und die Währung gemäß den angegebenen Parametern darzustellen. Es werden zwei Parameter als Eingabe verwendet: locales
und options
.
locales
: Gibt die Sprach- und Regionseinstellungen an. Es ist eine kleine Zeichenkette, die aus einer Kombination von Sprache und Region besteht, die durch einen Bindestrich getrennt sind. Das Gebietsschemaen-IN
hat beispielsweise das Format Indien und die englische Sprache. Das erste Komma von rechts trennt Tausende und ruht sich in Hunderten aus.options
: Es ist ein Objekt, das aus Tonnen von Eigenschaften besteht, oder wir können Optionen sagen. Wenn Sie eine Zahl als WährungsZeichenkette formatieren, sind drei Hauptoptionen erforderlich.style
: Es ist einfach der Stil für unsere Zahlenformatierung. Es kann je nach Anwendungsfall3
unterschiedliche Wertedecimal
,currency
,percent
haben. In unserem Fall setzen wir den Stil alscurrency
.currency
: Gibt den Währungstyp des Symbols an, der vor der Formatierungsnummer eingefügt werden soll, z. B. US-Dollar und Euro.minimumFractionDigits
: Gibt die minimalen Ziffern an, die nach der Dezimalstelle in der formatierten Zeichenkette angezeigt werden.
const money = 10000;
const currency = function(number) {
return new Intl
.NumberFormat(
'en-IN',
{style: 'currency', currency: 'INR', minimumFractionDigits: 2})
.format(number);
};
console.log(currency(money));
Der obige Code hilft dabei, eine bestimmte Zahl in eine indische WährungsZeichenkette umzuwandeln.
Verwenden Sie die Methode toLocaleString()
, um eine Zahl als WährungsZeichenkette in JavaScript zu formatieren
Diese Methode ist im Wesentlichen dieselbe wie Intl.NumberFormat()
, wird jedoch aufgrund der langsamen Geschwindigkeit mit mehreren Elementen normalerweise nicht verwendet. Für einzelne Elemente ist die Geschwindigkeit beider Methoden ähnlich. Es hat die gleichen Parameter wie Intl.NumberFormat()
. Die Geschwindigkeit unterscheidet sich nur aufgrund der unterschiedlichen internen Implementierung beider Methoden.
const number = 2000;
number.toLocaleString(
'en-IN', {style: 'currency', currency: 'INR', minimumFractionDigits: 2})
console.log(number);
Der obige Code hilft dabei, eine bestimmte Zahl in eine indische WährungsZeichenkette umzuwandeln.
Verwenden Sie die Bibliothek Numeral.js
, um eine Zahl als WährungsZeichenkette in JavaScript zu formatieren
Numeral.js
ist eine der am häufigsten verwendeten Bibliotheken zum Formatieren von Zahlen. Um Zahlen mit dieser Bibliothek als WährungsZeichenkette zu formatieren, erstellen wir zunächst eine Instanz einer Ziffer. Dies ist der von dieser Bibliothek verwendete Standarddatentyp, der Zahlen oder Zeichenketten vor dem Formatieren in eine Zahl konvertiert. Danach können wir das Währungsformat mit der Funktion format()
angeben.
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
Der obige Code wird verwendet, um die Bibliothek Numeral.js
in den Browser aufzunehmen.
var number = 1000;
var myNumeral = numeral(number);
var currencyString = myNumeral.format('$0,0.00');
Wir haben eine Ziffer erstellt und dann die Formatierungsfunktion aufgerufen, um die Ziffer als USD mit 2 Dezimalstellen zu formatieren. Der obige Code bietet eine viel sauberere Möglichkeit, das Währungsformat anzugeben.
Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.
LinkedInVerwandter Artikel - JavaScript Format
Verwandter Artikel - JavaScript Number
- Konvertieren einer Zahl in ein binäres Format in JavaScript
- Formatiere eine Zahl in JavaScript
- Die Wirkung von JavaScript Plus Equal
- JavaScript-Telefonnummernformat
- Verwenden Sie einen Seed, um Zufallszahlen in JavaScript zu generieren
- Überprüfen Sie in JavaScript, ob die Zahl zwischen zwei Werten liegt