Es ist notwendig, Daten sicher und aufeinander abzustimmen, insbesondere wenn es um Telefonnummern geht. Websites, die die Telefonnummern von Benutzern sammeln, haben oft Formatprobleme. Benutzer füllen ihre Daten sehr unsicher aus, ohne die Standards im Auge zu behalten. Es erschwert die Datenverarbeitung für Website-Entwickler. Um solche Situationen zu vermeiden, kann JavaScript verwendet werden, um die Telefonnummern nach einem bestimmten Standard zu formatieren.
In diesem Blog wird das Verfahren zum Formatieren einer Telefonnummer in JavaScript erläutert.
Wie formatiere ich die Telefonnummer in JavaScript?
In JavaScript verwenden wir zum Formatieren einer Telefonnummer die folgenden Methoden:
Lassen Sie uns in die erste Methode eintauchen!
Methoden 1: Verwenden von RegEx zum Formatieren der Telefonnummer in JavaScript
„ RegEx ” ist eine Abkürzung für reguläre Ausdrücke. Es ist der Container von Zeichen, der ein Suchmuster in Bezug auf eine Zeichenfolge einführt und dann die vorhandenen Werte einer Zeichenfolge jeweils durch neue Werte ersetzt oder entfernt.
Lassen Sie uns weitermachen und ein Beispiel nehmen, um zu verstehen, wie die Verwendung der RegEx-Methode eine Telefonnummer formatieren kann.
Beispiel
In diesem Beispiel erstellen wir eine Variable „ p “ und weisen Sie ihm eine zufällige unformatierte Zahl zu:
war p = '+1.234-567.1234' ;
Rufen Sie dann die Methode replace() auf, wobei \D für Ziffern von [0-9] steht, + die Wiederholung von Ziffern erkennt und g für die globale Übereinstimmung steht. Rufen Sie dann erneut die Methode replace() mit einer speziellen Zeichenfolge auf, z. B. (\d{1}), um eine Ziffer festzulegen, (\d{3}), um drei Ziffern festzulegen, und (\d{4}). vierstellig einzustellen. Um mehr über diese Operationen zu erfahren, schauen Sie sich unsere anderen an eigener Artikel .
Außerdem ist $1 die erste Gruppe und das + wird direkt davor ausgerichtet, ($2) ist die zweite Gruppe, die in Klammern eingeschlossen ist, $3-$4 ist die dritte und vierte Gruppe mit einem Bindestrich (-):
p = p. ersetzen ( /\D+/g , '' ) . ersetzen ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;Drucken Sie nun die Ergebnisse mit der folgenden Zeile aus:
Konsole. Protokoll ( p ) ; 
Wie Sie sehen können, haben wir die Telefonnummer erfolgreich formatiert.
Methoden 2: Verwenden von substr() zum Formatieren von Zahlen in JavaScript
Das ' substr() ”-Methode extrahiert die Teilzeichenfolge von einem bestimmten Index bis zum erwähnten Endindex. Diese Methode kann dabei helfen, Teilzeichenfolgen von Zahlen mit dem richtigen Format und der richtigen Zeichenfolge zu erstellen. Als Ergebnis wird eine formatierte Zahl generiert.
Syntax
Schnur. Substr ( Anfang , Ende )Hier die ' substr() “-Methode ruft die Teilzeichenfolge aus dem angegebenen „ Anfang ” Index bis zum “ Ende ” Index der angegebenen Zeichenfolge.
Beispiel 1
Teilen wir das Programm in drei Teile. Im ersten Teil betrachten wir den Wert „ p.substr(0, 3) “, da 0 der Startpunkt und 3 die Länge ist; im zweiten Teil der Wert „ p.substr(3, 3) “ gibt an, dass die Ziffern an der 4. Position beginnen und ihre Länge 3 beträgt. Der letzte Teil hat den Wert „ p.substr(6, 4) ” wobei die Ziffernpositionen bei 7 beginnen und die Gesamtlänge 4 beträgt:
p = p. Substr ( 0 , 3 ) + '-' + p. Substr ( 3 , 3 ) + '-' + p. Substr ( 6 , 4 ) ;Ausgabe
Nehmen wir nun ein weiteres Beispiel, um herauszufinden, wie wir die Ländervorwahl zusammen mit unserer Nummer mit der gleichen Methode einfügen können.
Beispiel 2
In diesem Beispiel nehmen wir die Zeichenfolge „ Str “ und machen Sie die „ +1 ” darin zu speichern:
war Str = '+1' ;Nun definieren wir 1 als Startpunkt im ersten Wert von „ p.substr(1, 3) “. Der Restcode bleibt gleich:
p = p. Substr ( 1 , 3 ) + '-' + p. Substr ( 3 , 3 ) + '-' + p. Substr ( 6 , 4 ) ;Drucken Sie den neu initialisierten str-String mit dem String p aus:
Konsole. Protokoll ( Str , p ) ;Ausgabe
Wir haben das Verfahren zum Formatieren der Telefonnummer in JavaScript durch zwei verschiedene Methoden gelernt.
Fazit
Um die Telefonnummer zu formatieren, muss das „ RegEx ' oder ' substr() “-Methode verwendet werden kann. Indem Sie den regulären Ausdruck definieren, müssen Sie ein Muster erstellen, und dann kann mit Hilfe der Methode replace() die Telefonnummer formatiert werden. In der Methode substr() können drei Teile erstellt werden, und jeder Teil hat einen definierten Startpunkt und eine definierte Länge. Dieser Artikel hat die Methode zum Formatieren von Telefonnummern in JavaScript behandelt.