Kako formatirati telefonski broj u JavaScriptu

Kako Formatirati Telefonski Broj U Javascriptu



Podatke je potrebno čuvati sigurnima i usklađenima, posebice kada su u pitanju telefonski brojevi. Web stranice koje prikupljaju telefonske brojeve korisnika često se suočavaju s problemima s formatom. Korisnici popunjavaju svoje podatke na vrlo nesiguran način bez da imaju u vidu standarde. Programerima web stranica otežava obradu podataka. Da biste izbjegli takve situacije, JavaScript se može koristiti za formatiranje telefonskih brojeva prema određenom standardu.

Ovaj će blog raspravljati o postupku vezanom uz formatiranje telefonskog broja u JavaScriptu.







Kako formatirati telefonski broj u JavaScriptu?

U JavaScriptu, za formatiranje telefonskog broja, koristit ćemo sljedeće metode:



Istražimo prvu metodu!



Metode 1: Korištenje RegExa za formatiranje telefonskog broja u JavaScriptu

RegEx ” je skraćenica za regularni izraz. To je spremnik znakova koji uvodi obrazac pretraživanja s obzirom na niz i zatim zamjenjuje ili uklanja postojeće vrijednosti niza s novim vrijednostima.





Idemo naprijed i uzmimo primjer da bismo razumjeli kako korištenje metode RegEx može formatirati telefonski broj.

Primjer

U ovom primjeru stvorit ćemo varijablu ' str ” i dodijelite mu nasumični neformatirani broj:



bio je str = '+1.234-567.1234' ;

Zatim pozovite metodu replace(), gdje je \D za znamenke od [0-9], + je za otkrivanje ponavljanja znamenki, a g je za globalno podudaranje. Zatim ponovno pozovite metodu replace() s posebnim nizom znakova kao što je (\d{1}) za postavljanje jedne znamenke, (\d{3}) za postavljanje tri znamenke i (\d{4}) za postavljanje četiri znamenke. Da biste saznali više o ovim operacijama, pogledajte naše druge posvećeni članak .

Štoviše, $1 će biti prva grupa i + će biti poravnat neposredno ispred nje, ($2) će biti druga grupa koja je u zagradama, $3-$4 će biti treća i četvrta grupa sa znakom crtice (-):

str = str. zamijeniti ( /\D+/g , '' ) . zamijeniti ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;

Sada ispišite rezultate koristeći donji redak:

konzola. log ( str ) ;

Kao što vidite, uspješno smo formatirali telefonski broj.

Metode 2: Korištenje substr() za formatiranje broja u JavaScriptu

' substr() ” metoda izdvaja podniz iz određenog indeksa do spomenutog završnog indeksa. Ova metoda može pomoći u izradi podnizova brojeva s pravilnim formatom i slijedom znakova. Kao rezultat toga, generirat će se formatirani broj.

Sintaksa

niz. substr ( početak , kraj )

Ovdje, ' substr() ” metoda će dohvatiti podniz iz navedenog “ početak ” indeks do “ kraj ” indeks zadanog niza.

Primjer 1

Podijelimo program na tri dijela. U prvom dijelu razmotrit ćemo vrijednost ' p.substr(0, 3) ”, jer je 0 početna točka, a 3 duljina; u drugom dijelu, vrijednost ' p.substr(3, 3) ” označava da će znamenke započeti od 4. pozicije i njihova će duljina biti 3. Posljednji dio ima vrijednost “ p.substr(6, 4) ” gdje položaj znamenki počinje od 7, a ukupna duljina je 4:

str = str. substr ( 0 , 3 ) + '-' + str. substr ( 3 , 3 ) + '-' + str. substr ( 6 , 4 ) ;

Izlaz

Uzmimo sada još jedan primjer da shvatimo kako možemo umetnuti pozivni broj zemlje zajedno s našim brojem koristeći istu metodu.

Primjer 2

U ovom primjeru uzet ćemo niz ' str ' i napravite ' +1 ” pohraniti u njega:

bio je str = '+1' ;

Sada ćemo definirati 1 kao početnu točku u prvoj vrijednosti ' p.substr(1, 3) ”. Ostatak koda ostat će isti:

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

Ispišite novoinicijalizirani str niz s nizom p:

konzola. log ( str , str ) ;

Izlaz

Naučili smo postupak formatiranja telefonskog broja u JavaScriptu kroz dvije različite metode.

Zaključak

Za formatiranje telefonskog broja, ' RegEx ' ili ' substr() ” može se koristiti metoda. Definiranjem regularnog izraza potrebno je izraditi uzorak, a zatim uz pomoć replace() metode oblikovati telefonski broj. U metodi substr() mogu se kreirati tri dijela, a svaki dio ima definiranu početnu točku i duljinu. Ovaj članak pokriva metodu formatiranja telefonskih brojeva u JavaScriptu.