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.