JavaScript-Telefonnummernformat

In diesem Artikel erfahren Sie, wie Sie die Telefonnummer am besten in JavaScript-Quellcode formatieren und welche Vorteile formatierte Zahlen in unserem JavaScript-Code haben.

Telefonnummernformat in JavaScript

In JavaScript haben wir mehrere Optionen, um die Zahlenformatierung effektiv durchzuführen. Meistens verwenden Entwickler reguläre Ausdrücke und die Standardmethode substr() für die Formatierung von Zahlen in Anwendungen.

Verwenden Sie reguläre Ausdrücke

Wir verwenden RegEx, um die ursprüngliche Telefonnummer durch ein für Menschen lesbares Format zu ersetzen. Beispielsweise kann das reguläre Ausdrucksmuster /(\d{3})(\d{3})(\d{4})/,'$1-$2-$3' mit der Methode replace verwendet werden, um den ersten zu trennen drei Ziffern, die nächsten drei Ziffern und die letzten vier Ziffern und verketten sie am Ende mit - dazwischen.

Grundlegende Syntax:

let result = phoneNo.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');

Beispielcode:

function formatNumber(number) {
  console.log('Original number : ' + number);
  let result = number.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
  console.log('Formatted number using regular expression : ' + result);
}

var originalNumber = '4445556678';

formatNumber(originalNumber)

Code ausführen

Ausgang:

"Original number : 4445556678"
"Formatted number using regular expression : 444-555-6678"

Im obigen JavaScript-Quellbeispiel haben wir eine Funktion formatNumber() erstellt, die die Zahl als Parameter nimmt. Innerhalb dieser Funktion drucken wir die ursprünglich übergebene Nummer in Protokollen mit console.log().

Dann haben wir die Standardmethode replace() von string auf übergebene Zahlen mit einem regulären Ausdrucksmuster verwendet. Die Ausgabe wird in einer separaten Variablen gespeichert und in console.log() angezeigt.

Wir haben einfach den Zahlenstring im Originalformat initialisiert und diese Zahl in der Funktion formatNumber() übergeben.

Verwenden Sie die substr()-Methode in JavaScript

Diese Standard-String-Methode substr() kann verwendet werden, um die Zahl zu formatieren. Wir können die Zahlenkette in drei verschiedene Teile aufteilen und dann alle Teile mit - untereinander verketten.

Grundlegende Syntax:

let data = 'hello world'
let result = data.substr(0, 5)  // it will separate "hello" from hello world

Beispielcode:

function formatNumber(number) {
  console.log('Original number : ' + number);
  let result = number.substr(0, 3) + '-' + number.substr(3, 3) + '-' +
      number.substr(6, 4);
  console.log('Formatted number using substring method : ' + result);
}
var originalNumber = '6665559978';

formatNumber(originalNumber)

Code ausführen

Ausgang:

Original number : 6665559978
Formatted number using substring method : 666-555-9978

Im obigen JavaScript-Quellbeispiel haben wir die Methode substr() für die übergebene Zahl verwendet, um sie in Teile zu teilen, und die Verkettung mit dem Operator + verwendet, um die Zeichenfolge wieder mit - zu verbinden.

Die Ausgabe wird in einer separaten Variablen gespeichert und in console.log() angezeigt und die Nummer in der Funktion formatNumber() übergeben.