So formatieren Sie die Telefonnummer in JavaScript

Es ist notwendig, die Daten sicher und ausgerichtet zu halten, insbesondere wenn es um Telefonnummern geht. Websites, die die Telefonnummern der Benutzer sammeln. Benutzer füllen ihre Daten sehr ungewöhnlich, 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 gemäß einem bestimmten Standard zu formatieren.

In diesem Blog wird das Verfahren zur Formatierung einer Telefonnummer in JavaScript erörtert.

So formatieren Sie die Telefonnummer in JavaScript?

In JavaScript, um eine Telefonnummer zu formatieren, verwenden wir die folgenden Methoden:

• Regex
• substr () Methode

Lassen Sie uns in die erste Methode graben!

Methoden 1: Verwenden Sie Regex, um die Telefonnummer in JavaScript zu formatieren

“Regex”Ist Kurzschrift für den regulären Ausdruck. Es ist der Container von Zeichen, der ein Suchmuster in Bezug auf eine Zeichenfolge einführt und dann die vorhandenen Werte einer Zeichenfolge mit neuen Werten ersetzt oder entfernt.

Lassen Sie uns weiterentwickeln und ein Beispiel geben, um zu verstehen, wie die Verwendung der Regex -Methode eine Telefonnummer formatieren kann.

Beispiel

In diesem Beispiel werden wir eine Variable erstellen “P”Und weisen Sie ihm eine zufällige nicht formatierte Nummer zu:

var p = '+1.234-567.1234 ';

Rufen Sie dann die Ersatz () -Methode auf, wobei \ d für Ziffern von [0-9] die Wiederholung von Ziffern erfasst und G für die globale Übereinstimmung erfasst. Rufen Sie dann erneut die Ersatz () -Methode mit einer speziellen Reihenfolge von Zeichen auf, z. vier Ziffern einstellen. Um mehr über diese Operationen zu erfahren, lesen Sie unseren anderen engagierten Artikel.

Darüber hinaus wird 1 US-Dollar die erste Gruppe sein und der + wird gleich vor ihm ausgerichtet. (2 US-Dollar) wird die zweite Gruppe sein, die in Klammern eingeschlossen ist

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.log (p);

Wie Sie sehen können, haben wir die Telefonnummer erfolgreich formatiert.

Methoden 2: Verwenden Sie Substr (), um in JavaScript zu formatieren

Der "substr ()Methode extrahiert das Substring aus einem bestimmten Index bis zum erwähnten Endindex. Diese Methode kann dazu beitragen, Substrings von Zahlen mit geeignetem Format und Zeichenfolge zu erstellen. Infolgedessen wird eine formatierte Zahl generiert.

Syntax

Saite.Substr (Start, Ende)

Hier das "substr ()"Methode wird das Substring aus dem angegebenen" abrufen "Start"Index bis zum"Ende”Index der angegebenen Zeichenfolge.

Beispiel 1

Lassen Sie uns das Programm in drei Teile teilen. Im ersten Teil werden wir den Wert berücksichtigen “P.Substr (0, 3)”, Wie 0 ist der Ausgangspunkt, und 3 ist die Länge; im zweiten Teil der Wert “P.Substr (3, 3)”Zeigt an, dass die Ziffern von der 4. Position beginnen und ihre Länge 3 betragen. Der letzte Teil hat Wert “P.Substr (6, 4)”, Wobei die Ziffernpositionen ab 7 beginnen und ihre Gesamtlänge 4 beträgt:

p = p.Substr (0, 3) + '-' + P.Substr (3, 3) + '-' + P.Substr (6, 4);

Ausgang

Nehmen wir nun ein weiteres Beispiel, um herauszufinden, wie wir den Ländercode zusammen mit unserer Nummer mit derselben Methode einfügen können.

Beispiel 2

In diesem Beispiel werden wir die Zeichenfolge nehmen “str"Und machen Sie das"+1Um darin zu speichern:

var str = '+1';

Jetzt werden wir 1 als Ausgangspunkt im ersten Wert von "definieren"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 String String mit String P aus:

Konsole.log (str, p);

Ausgang

Wir haben das Verfahren gelernt, um die Telefonnummer in JavaScript mit zwei verschiedenen Methoden zu formatieren.

Abschluss

Um die Telefonnummer zu formatieren, die “Regex" oder "substr ()”Methode kann verwendet werden. Durch Definieren des regulären Ausdrucks müssen Sie ein Muster erstellen, und mit Hilfe der Methode ersetzen () () kann die Telefonnummer formatiert werden. In der Substr () -Methode können drei Teile erstellt werden, und jeder Teil verfügt über einen definierten Ausgangspunkt und eine Länge. Dieser Artikel hat die Methode zur Formatierung von Telefonnummern in JavaScript behandelt.