Die Maske für das numerische Format ist ein spezielles Muster, mit dem Sie die Kodierung für die Ausgabe von Zahlen mit einer bestimmten Formatierung festlegen können. Ein wichtiger Punkt bei der Arbeit mit numerischen Daten ist die Möglichkeit, unbedeutende Zahlen durch Leerzeichen zu ersetzen. Dies ist besonders nützlich, wenn Sie numerische Werte am rechten Rand ausrichten oder eine lesbare Tabelle erstellen möchten.
Sie können die Methode verwenden, um eine Maske im numerischen Format anzugeben, die durch Leerzeichen durch kleine Ziffern ersetzt wird toFormat des entsprechenden numerischen Datentyps. Beispielsweise können Sie für Gleitkommazahlen die Methode verwenden toFixed, das die Zahl auf die angegebene Anzahl von Dezimalstellen rundet und die verbleibenden unbedeutenden Ziffern durch Leerzeichen ersetzt.
let num = 1234.5678;
let formattedNum = num.toFixed(2).replace(/\\d/g, ' ');
console.log(formattedNum); // " 12.34"In diesem Beispiel ist die Zahl 1234.5678 wird auf zwei Dezimalstellen gerundet und durch Leerzeichen ersetzt, die verbleibenden kleinen Ziffern werden durch Leerzeichen ersetzt. So ergibt sich die Zahl " 12.34", wobei jede unbedeutende Ziffer durch ein Leerzeichen ersetzt wird.
Indem Sie eine Zahlenformatmaske festlegen, die kleine Ziffern durch Leerzeichen ersetzt, können Sie die Darstellung von numerischen Werten in Ihrem Projekt leicht steuern, wodurch sie lesbarer und benutzerfreundlicher werden.
Wie formatiere ich numerische Werte mit einer Maske
Die Formatierung von numerischen Werten mithilfe einer Maske kann nützlich sein, um Zahlen in einem bestimmten Format anzuzeigen, z. B. um Ziffern zu trennen oder Symbole an den richtigen Stellen hinzuzufügen. Hier sehen wir uns an, wie Sie eine Zahlenformatmaske verwenden, um numerische Werte zu formatieren, wobei kleinere Ziffern durch Leerzeichen ersetzt werden.
Sie können die JavaScript-Funktion toLocaleString() verwenden, um Zahlen mit einer Maske zu formatieren, mit der Sie eine Maske im numerischen Format angeben können.
Um kleine Ziffern durch Leerzeichen zu ersetzen, können wir Intl verwenden.NumberFormat mit der Option useGrouping: true und minimumIntegerDigits: 1 .
- Erstellen wir ein NumberFormatter-Objekt mit Intl.NumberFormat .
- Setzen Sie die Option useGrouping auf true , um die Ziffern einer Zahl zu trennen.
- Setzen Sie die Option minimumIntegerDigits auf 1 , um die minimale Anzahl von Stellen einer Zahl anzugeben.
- Verwenden Sie die format() -Methode, um einen numerischen Wert zu formatieren, indem Sie ihn als Parameter an die format() -Methode übergeben.
Beispiel für die Verwendung einer Maske im numerischen Format, die durch Leerzeichen durch kleinere Ziffern ersetzt wird:
const numberFormatter = new Intl.NumberFormat('ru', );const formattedNumber = numberFormatter.format(1234567890);console.log(formattedNumber); // "1 234 567 890"Als Ergebnis erhalten wir eine formatierte Zeichenfolge "1 234 567 890" , in der Leerzeichen durch unbedeutende Ziffern ersetzt werden.
Die Verwendung einer Zahlenformatmaske macht es daher einfach, numerische Werte zu formatieren, wobei kleinere Ziffern durch Leerzeichen ersetzt werden.
Festlegen einer Maske zum Formatieren von numerischen Werten
Die Hauptsymbole, die beim Festlegen der Maske verwendet werden, sind:
- # - zeigt die Ziffer an, die in der Gesamtzahl angezeigt wird;
- 0 - zeigt die Ziffer an, die in der Gesamtzahl angezeigt wird. Wenn eine Zahl weniger Ziffern enthält als in der Maske angegeben, werden die fehlenden Ziffern mit Nullen gefüllt;
- . - zeigt das Trennzeichen von Bruch- und ganzzahligen Teilen einer Zahl an;
- , - zeigt das Trennzeichen der Ziffern einer Zahl an;
- % - gibt an, dass die Zahl ein Prozentwert ist.
- 0,000.00 - Maske zum Anzeigen einer Zahl mit zwei Dezimalstellen, einem Trennzeichen ',' und einem Trennzeichen für Dezimalstellen und Ganzzahlen '.';
- ##0.#### - Maske zur Anzeige einer Zahl mit maximal vier Dezimalstellen, einem Trennzeichen ',' und einem Trennzeichen für Dezimalstellen und Ganzzahlen '.'. Wenn die Zahl weniger Zeichen enthält als in der Maske angegeben, werden die kleineren Zeichen durch Leerzeichen ersetzt;
- 0% - maske, um eine Zahl als Prozentwert anzuzeigen.
Wenn Sie eine Maske verwenden, die kleine Ziffern durch Leerzeichen ersetzt, können Sie numerische Werte elegant anzeigen, um den Benutzern das Verständnis von Informationen zu erleichtern.
Einfügen kleiner Ziffern in das Maskenformat
Wenn Sie eine Zahlenformatmaske verwenden, die kleine Ziffern durch Leerzeichen ersetzt, können Sie neben nützlicher Funktionalität auch kleinere Ziffern an den richtigen Stellen im Format einfügen.
Das Einfügen unbedeutender Ziffern ermöglicht eine lesbare und verständliche Darstellung einer Zahl unter Beibehaltung ihrer Struktur. Wenn Sie beispielsweise Telefonnummern oder Postleitzahlen formatieren, kann dies besonders hilfreich sein.
Verwenden Sie das Zeichen "0", um kleine Ziffern in das Maskenformat einzufügen. Wenn Sie anstelle einer Ziffer im Format "0" angeben, wird beim Anwenden der Maske auf eine Zahl an dieser Stelle die entsprechende Ziffer eingefügt. Wenn Sie ein "#" anstelle einer Zahl angeben, werden keine Zahlen eingefügt, und es wird ein Leerzeichen an dieser Stelle eingefügt.
Um beispielsweise eine Telefonnummer als (123) 456-7890 zu formatieren, können Sie die folgende Maske verwenden: "(000) 000-0000". In diesem Fall werden die Ziffern in Klammern in die Telefonnummer eingefügt, und die anderen Ziffern in der Maske werden durch Leerzeichen ersetzt.
Ebenso können Sie beim Formatieren einer Postleitzahl die Maske "00000-000" verwenden. In diesem Fall werden die ersten fünf Ziffern in den Index eingefügt und die restlichen Ziffern in der Maske werden durch Leerzeichen ersetzt.
Auf diese Weise können Sie bei Verwendung einer Maske im numerischen Format mit dem Einfügen kleiner Ziffern eine bequeme Darstellung digitaler Informationen erzielen.
