Formatiert eine Zahl als Währung String in JavaScript

1. Verwenden Sie die Methode Intl.NumberFormat(), um eine Zahl als WährungsZeichenkette in JavaScript zu formatieren
2. Verwenden Sie die Methode toLocaleString(), um eine Zahl als WährungsZeichenkette in JavaScript zu formatieren
3. Verwenden Sie die Bibliothek Numeral.js, um eine Zahl als WährungsZeichenkette in JavaScript zu formatieren

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.

1. 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 Gebietsschema en-IN hat beispielsweise das Format Indien und die englische Sprache. Das erste Komma von rechts trennt Tausende und ruht sich in Hunderten aus.
2. 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.
3. style: Es ist einfach der Stil für unsere Zahlenformatierung. Es kann je nach Anwendungsfall 3 unterschiedliche Werte decimal, currency, percent haben. In unserem Fall setzen wir den Stil als currency.
4. currency: Gibt den Währungstyp des Symbols an, der vor der Formatierungsnummer eingefügt werden soll, z. B. US-Dollar und Euro.
5. 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.