Este necesar să păstrați datele în siguranță și aliniate, mai ales când vine vorba de numere de telefon. Site-urile web care colectează numerele de telefon ale utilizatorilor se confruntă adesea cu probleme de format. Utilizatorii își completează datele într-un mod foarte incert, fără a ține în vedere standardele. Îngreunează procesarea datelor pentru dezvoltatorii de site-uri web. Pentru a evita astfel de situații, JavaScript poate fi folosit pentru a formata numerele de telefon conform unui standard specific.
Acest blog va discuta procedura legată de formatarea unui număr de telefon în JavaScript.
Cum se formatează numărul de telefon în JavaScript?
În JavaScript, pentru a formata un număr de telefon, vom folosi următoarele metode:
Să cercetăm prima metodă!
Metoda 1: Utilizarea RegEx pentru a formata numărul de telefon în JavaScript
„ RegEx ” este prescurtarea pentru expresia regulată. Este containerul de caractere care introduce un model de căutare în raport cu un șir și apoi înlocuiește sau elimină valorile existente ale unui șir cu valori noi, respectiv.
Să mergem mai departe și să luăm un exemplu pentru a înțelege cum folosirea metodei RegEx poate formata un număr de telefon.
Exemplu
În acest exemplu, vom crea o variabilă „ p ” și atribuiți-i un număr aleatoriu neformatat:
a fost p = „+1.234-567.1234” ;
Apoi, invocați metoda replace(), unde \D este pentru cifrele din [0-9], + este pentru a detecta repetarea cifrelor și g este pentru potrivirea globală. Apoi, apelați din nou metoda înlocuire() cu o secvență specială de caractere, cum ar fi, (\d{1}) pentru a seta o cifră, (\d{3}) pentru a seta trei cifre și (\d{4}) pentru a seta patru cifre. Pentru a afla mai multe despre aceste operațiuni, consultați celelalte articol dedicat .
În plus, $1 va fi primul grup și + va fi aliniat chiar înaintea lui, ($2) va fi al doilea grup care este cuprins între paranteze, $3-$4 va fi al treilea și al patrulea grup cu semnul cratimă (-):
p = p. a inlocui ( /\D+/g , '' ) . a inlocui ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , „+1$ (2$) 3$-4$” ) ;Acum, imprimați rezultatele folosind linia de mai jos:
consolă. Buturuga ( p ) ; 
După cum puteți vedea, am formatat cu succes numărul de telefon.
Metode 2: Folosirea substr() pentru a formata numărul în JavaScript
„ substr() ” metoda extrage subșirul dintr-un index specific până la indexul final menționat. Această metodă poate ajuta la crearea subșirurilor de numere cu formatul și secvența de caractere adecvate. Ca rezultat, va fi generat un număr formatat.
Sintaxă
şir. substr ( start , Sfârşit )Aici ' substr() ” metoda va prelua subșirul din ” specificat start ” index până la ” Sfârşit ” indicele șirului dat.
Exemplul 1
Să împărțim programul în trei părți. În prima parte, vom lua în considerare valoarea „ p.substr(0, 3) ”, deoarece 0 este punctul de plecare, iar 3 este lungimea; în a doua parte, valoarea „ p.substr(3, 3) ” indică faptul că cifrele vor începe din a 4-a poziție și lungimea lor va fi 3. Ultima parte are valoarea ” p.substr(6, 4) ” unde pozițiile cifrelor pornesc de la 7 și lungimea totală este 4:
p = p. substr ( 0 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Ieșire
Acum, să luăm un alt exemplu pentru a ne da seama cum putem introduce codul de țară împreună cu numărul nostru folosind aceeași metodă.
Exemplul 2
În acest exemplu, vom lua șirul „ str ” și faceți „ +1 ” pentru a stoca în el:
a fost str = „+1” ;Acum, vom defini 1 ca punct de plecare în prima valoare a lui „ p.substr(1, 3) ”. Codul de rest va rămâne același:
p = p. substr ( 1 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Imprimați șirul str nou inițializat cu șirul p:
consolă. Buturuga ( str , p ) ;Ieșire
Am învățat procedura de formatare a numărului de telefon în JavaScript prin două metode diferite.
Concluzie
Pentru a formata numărul de telefon, „ RegEx ” sau ” substr() ” poate fi utilizată. Prin definirea expresiei regulate, trebuie să creați un model, iar apoi cu ajutorul metodei replace() numărul de telefon poate fi formatat. În metoda substr(), pot fi create trei părți, iar fiecare parte are un punct de plecare și o lungime definite. Acest articol a acoperit metoda de formatare a numerelor de telefon în JavaScript.