Podatki morajo biti varni in usklajeni, zlasti ko gre za telefonske številke. Spletna mesta, ki zbirajo telefonske številke uporabnikov, se pogosto srečujejo s težavami pri oblikovanju. Uporabniki polnijo svoje podatke na zelo negotov način, ne da bi upoštevali standarde. Razvijalcem spletnih mest otežuje obdelavo podatkov. Da bi se izognili takšnim situacijam, lahko uporabite JavaScript za oblikovanje telefonskih številk v skladu s posebnim standardom.
Ta blog bo razpravljal o postopku, povezanem z oblikovanjem telefonske številke v JavaScriptu.
Kako oblikovati telefonsko številko v JavaScriptu?
V JavaScriptu bomo za oblikovanje telefonske številke uporabili naslednje metode:
Poglobimo se v prvo metodo!
Metoda 1: Uporaba RegEx za oblikovanje telefonske številke v JavaScriptu
“ RegEx ” je okrajšava za regularni izraz. To je vsebnik znakov, ki uvede iskalni vzorec glede na niz in nato nadomesti ali odstrani obstoječe vrednosti niza z novimi vrednostmi.
Pojdimo naprej in vzemimo primer, da razumemo, kako lahko z uporabo metode RegEx oblikujemo telefonsko številko.
Primer
V tem primeru bomo ustvarili spremenljivko ' str « in mu dodelite naključno neformatirano število:
je bil str = '+1.234-567.1234' ;
Nato pokličite metodo replace(), kjer je \D za števke od [0-9], + za zaznavanje ponavljanja števk in g za globalno ujemanje. Nato znova pokličite metodo replace() s posebnim zaporedjem znakov, kot je (\d{1}), da nastavite eno števko, (\d{3}), da nastavite tri števke, in (\d{4}) za nastavitev štirih števk. Če želite izvedeti več o teh operacijah, si oglejte naše drugo namenski članek .
Poleg tega bo $1 prva skupina in + bo poravnan tik pred njo, ($2) bo druga skupina, ki je zaprta v oklepajih, $3-$4 bo tretja in četrta skupina z znakom vezaja (-):
str = str. zamenjati ( /\D+/g , '' ) . zamenjati ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;Zdaj natisnite rezultate s spodnjo vrstico:
konzola. dnevnik ( str ) ; 
Kot lahko vidite, smo telefonsko številko uspešno formatirali.
Metoda 2: Uporaba substr() za oblikovanje števila v JavaScriptu
' substr() ” metoda ekstrahira podniz iz določenega indeksa do omenjenega končnega indeksa. Ta metoda lahko pomaga pri ustvarjanju podnizov številk s pravilno obliko in zaporedjem znakov. Posledično bo ustvarjena oblikovana številka.
Sintaksa
vrvica. substr ( začetek , konec )Tukaj je ' substr() ' bo pridobila podniz iz podanega ' začetek ” indeks do “ konec ” indeks danega niza.
Primer 1
Razdelimo program na tri dele. V prvem delu bomo upoštevali vrednost ' p.substr(0, 3) ”, saj je 0 začetna točka, 3 pa dolžina; v drugem delu vrednost ' p.substr(3, 3) ” označuje, da se bodo števke začele na 4. mestu in bo njihova dolžina 3. Zadnji del ima vrednost “ p.substr(6, 4) ”, kjer se položaji števk začnejo pri 7 in je njihova skupna dolžina 4:
str = str. substr ( 0 , 3 ) + '-' + str. substr ( 3 , 3 ) + '-' + str. substr ( 6 , 4 ) ;Izhod
Zdaj pa vzemimo še en primer, da ugotovimo, kako lahko z isto metodo vstavimo kodo države skupaj s svojo številko.
Primer 2
V tem primeru bomo vzeli niz ' str « in naredite » +1 ” shraniti vanj:
je bil str = '+1' ;Zdaj bomo definirali 1 kot začetno točko v prvi vrednosti ' p.substr(1, 3) ”. Ostala koda bo ostala enaka:
str = str. substr ( 1 , 3 ) + '-' + str. substr ( 3 , 3 ) + '-' + str. substr ( 6 , 4 ) ;Natisnite novo inicializiran niz niza z nizom p:
konzola. dnevnik ( str , str ) ;Izhod
Naučili smo se postopka oblikovanja telefonske številke v JavaScriptu z dvema različnima metodama.
Zaključek
Za formatiranje telefonske številke uporabite » RegEx « ali » substr() ” se lahko uporabi metoda. Z definiranjem regularnega izraza morate ustvariti vzorec, nato pa lahko s pomočjo metode replace() oblikujete telefonsko številko. V metodi substr() je mogoče ustvariti tri dele, vsak del pa ima definirano začetno točko in dolžino. Ta članek je obravnaval način oblikovanja telefonskih številk v JavaScriptu.