Come formattare il numero di telefono in JavaScript

È necessario mantenere i dati sicuri e allineati, specialmente quando si tratta di numeri di telefono. Siti Web che raccolgono i numeri di telefono degli utenti spesso affrontano problemi di formato. Gli utenti riempiono i propri dati in modo molto incerto senza mantenere in vista gli standard. Rende difficile l'elaborazione dei dati per gli sviluppatori di siti Web. Per evitare tali situazioni, JavaScript può essere utilizzato per formattare i numeri di telefono in base a 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, useremo i seguenti metodi:

• Regex
• Metodo substr ()

Scaviamo nel primo metodo!

Metodi 1: Utilizzo di regex per formattare il numero di telefono in JavaScript

"Regex"È stenografia per un'espressione regolare. È il contenitore di caratteri che introduce un modello di ricerca rispetto a una stringa e quindi sostituisce rispettivamente i valori esistenti di una stringa con nuovi valori.

Andiamo avanti e prendiamo un esempio per capire come l'uso del metodo Regex può formattare un numero di telefono.

Esempio

In questo esempio, creeremo una variabile "P"E assegnalo un numero casuale non formattato:

var p = '+1.234-567.1234 ';

Quindi, invoca il metodo sostituito (), dove è per le cifre da [0-9], + è rilevare la ripetizione di cifre e G è per la partita globale. Quindi, chiama di nuovo il metodo Sostituisci () 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 al nostro altro articolo dedicato.

Inoltre, $ 1 sarà il primo gruppo e il + sarà allineato proprio prima di esso, ($ 2) sarà il secondo gruppo che è racchiuso tra parentesi, $ 3- $ 4 saranno il terzo e il quarto gruppo con un segno di trattino (-):

p = p.Sostituisci (/\ d+/g, ").sostituire (/(\ d 1) (\ d 3) (\ d 3) (\ d 4)/, '+$ 1 ($ 2) $ 3- $ 4');

Ora, stampare i risultati utilizzando la riga seguente:

console.log (p);

Come puoi vedere, abbiamo formattato correttamente il numero di telefono.

Metodi 2: usando 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 un formato adeguato e una sequenza di caratteri. Di conseguenza, verrà generato un numero formattato.

Sintassi

corda.substr (inizio, fine)

Qui, il "substr ()"Il metodo recupererà la sottostringa dal specificato"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 inizieranno 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.substr (0, 3) + '-' + p.substr (3, 3) + '-' + p.substr (6, 4);

Produzione

Ora, prendiamo un altro esempio per capire come possiamo inserire il codice del paese insieme al nostro numero usando lo stesso metodo.

Esempio 2

In questo esempio, prenderemo la stringa "str"E fai il"+1"Per immagazzinarlo:

var str = '+1';

Ora definiremo 1 come il punto di partenza nel primo valore di "P.substr (1, 3)". Il codice di resto rimarrà lo stesso:

p = p.substr (1, 3) + '-' + p.substr (3, 3) + '-' + p.substr (6, 4);

Stampa la stringa STR di recente inizializzata con stringa P:

console.log (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 ()"Il metodo può essere utilizzato. Definendo l'espressione regolare, è necessario creare uno schema e quindi con l'aiuto del metodo sostituito (), il numero di telefono può essere formattato. Nel metodo substr (), è possibile creare tre parti e ogni parte ha un punto di partenza definito e una lunghezza. Questo articolo ha coperto il metodo per formattare i numeri di telefono in JavaScript.