È necessario mantenere i dati al sicuro e allineati, soprattutto quando si tratta di numeri di telefono. I siti Web che raccolgono i numeri di telefono degli utenti spesso devono affrontare problemi di formato. Gli utenti compilano i propri dati in modo molto incerto senza tenere in considerazione gli standard. Rende difficile l'elaborazione dei dati per gli sviluppatori di siti Web. Per evitare tali situazioni, è possibile utilizzare JavaScript per formattare i numeri di telefono secondo uno standard specifico.
Questo blog discuterà la procedura relativa alla formattazione di un numero di telefono in JavaScript.
Come formattare il numero di telefono in JavaScript?
In JavaScript, per formattare un numero di telefono, utilizzeremo i seguenti metodi:
Analizziamo il primo metodo!
Metodi 1: utilizzo di RegEx per formattare il numero di telefono in JavaScript
“ RegEx ” è un'abbreviazione per espressione regolare. È il contenitore di caratteri che introduce un modello di ricerca rispetto a una stringa e quindi sostituisce o rimuove rispettivamente i valori esistenti di una stringa con nuovi valori.
Andiamo avanti e facciamo un esempio per capire come l'utilizzo del metodo RegEx può formattare un numero di telefono.
Esempio
In questo esempio creeremo una variabile ' p ” e assegnagli un numero casuale non formattato:
era p = '+1.234-567.1234' ;
Quindi, invoca il metodo replace(), dove \D è per le cifre da [0-9], + è per rilevare la ripetizione delle cifre e g è per la corrispondenza globale. Quindi, chiama di nuovo il metodo replace() con una sequenza speciale di caratteri come, (\d{1}) per impostare una cifra, (\d{3}) per impostare tre cifre e (\d{4}) per impostare quattro cifre. Per saperne di più su queste operazioni, dai un'occhiata alle nostre altre articolo dedicato .
Inoltre, $1 sarà il primo gruppo e il + sarà allineato subito prima di esso, ($2) sarà il secondo gruppo racchiuso tra parentesi, $3-$4 saranno il terzo e il quarto gruppo con un segno di trattino (-):
p = p. sostituire ( /\D+/g , '' ) . sostituire ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2)$3-$4' ) ;Ora, stampa i risultati usando la riga seguente:
consolle. tronco d'albero ( p ) ; 
Come puoi vedere, abbiamo formattato correttamente il numero di telefono.
Metodi 2: utilizzo di substr() per formattare il numero in JavaScript
Il ' substr() Il metodo ” estrae la sottostringa da un indice specifico fino all'indice finale menzionato. Questo metodo può aiutare a creare sottostringhe di numeri con il formato e la sequenza di caratteri corretti. Di conseguenza, verrà generato un numero formattato.
Sintassi
corda. sost ( inizio , fine )Qui, il “ substr() ' il metodo recupererà la sottostringa dal ' inizio ” indice fino al “ fine ” indice della stringa data.
Esempio 1
Dividiamo il programma in tre parti. Nella prima parte considereremo il valore “ p.substr(0, 3) ”, poiché 0 è il punto di partenza e 3 è la lunghezza; nella seconda parte il valore “ p.substr(3, 3) ” indica che le cifre partiranno dalla 4a posizione e la loro lunghezza sarà 3. L'ultima parte ha valore “ p.substr(6, 4) ” dove le posizioni delle cifre iniziano da 7 e la sua lunghezza totale è 4:
p = p. sost ( 0 , 3 ) + '-' + p. sost ( 3 , 3 ) + '-' + p. sost ( 6 , 4 ) ;Produzione
Ora, facciamo un altro esempio per capire come possiamo inserire il prefisso internazionale insieme al nostro numero usando lo stesso metodo.
Esempio 2
In questo esempio, prenderemo la stringa ' str ” e fare il “ +1 ” per memorizzarvi:
era str = '+1' ;Ora definiremo 1 come punto di partenza nel primo valore di “ p.substr(1, 3) ”. Il resto del codice rimarrà lo stesso:
p = p. sost ( 1 , 3 ) + '-' + p. sost ( 3 , 3 ) + '-' + p. sost ( 6 , 4 ) ;Stampa la stringa str appena inizializzata con la stringa p:
consolle. tronco d'albero ( str , p ) ;Produzione
Abbiamo imparato la procedura per formattare il numero di telefono in JavaScript attraverso due metodi diversi.
Conclusione
Per formattare il numero di telefono, il ' RegEx ' o ' substr() ” può essere utilizzato. Definendo l'espressione regolare, è necessario creare un modello e quindi, con l'aiuto del metodo replace(), è possibile formattare il numero di telefono. Nel metodo substr() possono essere create tre parti e ciascuna parte ha un punto iniziale e una lunghezza definiti. Questo articolo ha trattato il metodo per formattare i numeri di telefono in JavaScript.