Come usare l'espressione regolare per riformattare un numero di telefono statunitense in JavaScript

Come usare l'espressione regolare per riformattare un numero di telefono statunitense in JavaScript
Durante la compilazione dei moduli, gli utenti inseriscono i propri dati in un modo molto casuale senza considerare gli standard o alcun criterio. Rende difficile per gli sviluppatori di siti Web elaborare i dati. Il numero di telefono standard negli Stati Uniti è lungo dieci cifre con un formato come (000) 222-1234. Le espressioni regolari possono essere utilizzate in JavaScript per riformattare un numero di telefono statunitense inserito dall'incertezza dell'utente.

Questo post descriverà come riformattare il numero di telefono degli Stati Uniti con JavaScript.

Come usare l'espressione regolare per riformattare un numero di telefono statunitense?

Vediamo un esempio per riformattare il numero incerto nel formato standard degli Stati Uniti, cioè (123) 456-7890.

Esempio

Qui definiremo una funzione chiamata "riformatusphonenumber ()"Per riformattare qualsiasi numero a un formato standard passando il numero come argomento. Innanzitutto, normalizzeremo la stringa/numero e rimuoveremo tutti i caratteri non necessari dal numero usando "sostituire()" metodo. Quindi, riformattare il numero di telefono specificato utilizzando "incontro()" metodo:

funzione riformatusphonEnumber (Phonenumber)
var reg = (" + foneNumber).Sostituisci (/\ d+/g, ").match (/^(\ d 3) (\ d 3) (\ d 4) $/);
if (reg)
return '(' + reg [1] + ')' + reg [2] + '-' + reg [3];

restituire null;

Nel frammento di codice sopra:

  • Il modello regex "/\ D+/g"Permette solo le cifre in cui"\D" O "\D"Indica le cifre [0-9],"+"Viene utilizzato per rilevare la ripetizione delle cifre e"G"È usato per la partita globale.
  • "(\ d 3)"Indica le cifre con limite 3.
  • "(\ d 4)"Ti consente di impostare 4 cifre.
  • Quindi, controlla se il numero di telefono dato corrisponde al regex "reg", Restituisci il numero come formattato con Braces () e Dash (-).
  • "Reg [1]"È un segnaposto che fa riferimento al primo gruppo di acquisizione, le prime tre cifre.
  • "Reg [2]" E "Reg [3]"Sono segnaposto che si riferiscono al secondo e al terzo gruppo di acquisizione, che sono le tre cifre successive e le ultime quattro cifre, rispettivamente.
  • I metodi Sostituisci () e Match () sostituiscono il testo abbinato nella stringa originale con il testo di sostituzione.

Crea una variabile che memorizza un numero:

VAR PHONENUMBER = "5555551234";

Ora, chiama il "riformatusphonenumber ()"Funzione passando il numero come argomento per riformattare questo numero nel formato statunitense standard:

riformatusphonenumumber (fonenumber);

Si può vedere che il numero formattato incerto è stato formattato con successo nel formato standard degli Stati Uniti:

Puoi anche provare un altro numero formattato casuale per riformattare nel formato del numero di telefono degli Stati Uniti:

var phonenumber = "+555.55 (51234) ";

Passa il numero dato nella funzione:

riformatusphonenumumber (fonenumber);

Produzione

Si tratta di riformattare un numero in un formato di numero di telefono statunitense in JavaScript.

Conclusione

Per riformattare un numero di telefono statunitense in JavaScript, usa il “incontro()Metodo "con il"sostituire()"Metodo per rimuovere i caratteri non necessari e consentire solo i caratteri pertinenti e restituire il numero formattato. Questo post ha descritto come riformattare un numero in un numero di telefono statunitense con JavaScript.