Būtina užtikrinti, kad duomenys būtų saugūs ir suderinti, ypač kai kalbama apie telefono numerius. Svetainės, kuriose renkami vartotojų telefonų numeriai, dažnai susiduria su formatavimo problemomis. Vartotojai savo duomenis pildo labai neapibrėžtai, neatsižvelgdami į standartus. Tai apsunkina duomenų apdorojimą svetainių kūrėjams. Norint išvengti tokių situacijų, telefonų numeriams formatuoti pagal konkretų standartą galima naudoti JavaScript.
Šiame tinklaraštyje bus aptarta procedūra, susijusi su telefono numerio formatavimu JavaScript.
Kaip suformatuoti telefono numerį JavaScript?
„JavaScript“, norėdami formatuoti telefono numerį, naudosime šiuos metodus:
Pasigilinkime į pirmąjį metodą!
1 metodai: naudokite RegEx telefono numeriui formatuoti JavaScript
“ RegEx “ yra reguliariosios išraiškos trumpinys. Tai simbolių talpykla, kuri įveda paieškos šabloną eilutės atžvilgiu ir atitinkamai pakeičia arba pašalina esamas eilutės reikšmes naujomis reikšmėmis.
Pereikime į priekį ir paimkime pavyzdį, kad suprastume, kaip naudojant RegEx metodą galima formatuoti telefono numerį.
Pavyzdys
Šiame pavyzdyje mes sukursime kintamąjį ' p “ ir priskirkite jam atsitiktinį neformatuotą skaičių:
buvo p = „+1.234-567.1234“ ;
Tada iškvieskite pakeisti() metodą, kur \D yra skaitmenys nuo [0-9], + yra skaitmenų pasikartojimui aptikti, o g yra visuotinė atitiktis. Tada dar kartą iškvieskite pakeisti() metodą naudodami specialią simbolių seką, pvz., (\d{1}), norėdami nustatyti vieną skaitmenį, (\d{3}), norėdami nustatyti tris skaitmenis, ir (\d{4}) norėdami nustatyti keturis skaitmenis. Norėdami sužinoti daugiau apie šias operacijas, peržiūrėkite kitas mūsų skirtas straipsnis .
Be to, $1 bus pirmoji grupė, o + bus lygiuojamas prieš pat ją, ($2) bus antroji grupė, kuri yra skliausteliuose, $3-$4 bus trečia ir ketvirta grupė su brūkšneliu (-):
p = p. pakeisti ( /\D+/g , '' ) . pakeisti ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , „+1 USD (2 USD) 3–4 USD“ ) ;Dabar išspausdinkite rezultatus naudodami toliau pateiktą eilutę:
konsolė. žurnalas ( p ) ; 
Kaip matote, sėkmingai suformatavome telefono numerį.
2 metodai: substr() naudojimas norint suformatuoti numerį JavaScript
„ substr() “ metodas ištraukia poeilelę iš konkretaus indekso iki minėto pabaigos indekso. Šis metodas gali padėti sudaryti skaičių poeilutes su tinkamu formatu ir simbolių seka. Dėl to bus sugeneruotas suformatuotas numeris.
Sintaksė
styga. substr ( pradėti , pabaiga )Čia „ substr() ' metodas nuskaitys poeilelę iš nurodytos ' pradėti “ indeksas iki “ pabaiga “ nurodytos eilutės indeksas.
1 pavyzdys
Padalinkime programą į tris dalis. Pirmoje dalyje mes apsvarstysime vertę ' p.substr(0, 3) “, nes 0 yra pradžios taškas, o 3 yra ilgis; antroje dalyje vertė “ p.substr(3, 3) “ reiškia, kad skaitmenys prasidės nuo 4 pozicijos, o jų ilgis bus 3. Paskutinė dalis turi reikšmę “ p.substr(6, 4) “ kur skaitmenų pozicijos prasideda nuo 7, o bendras ilgis yra 4:
p = p. substr ( 0 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Išvestis
Dabar paimkime kitą pavyzdį, kad išsiaiškintume, kaip tuo pačiu būdu galime įterpti šalies kodą kartu su savo numeriu.
2 pavyzdys
Šiame pavyzdyje paimsime eilutę ' g “ ir padarykite „ +1 “, jei norite jame laikyti:
buvo g = '+1' ;Dabar apibrėžsime 1 kaip pradinį tašką pirmoje „ p.substr(1, 3) “. Likęs kodas išliks toks pat:
p = p. substr ( 1 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Išspausdinkite naujai inicijuotą str eilutę su eilute p:
konsolė. žurnalas ( g , p ) ;Išvestis
Mes išmokome telefono numerio formatavimo JavaScript naudojant du skirtingus metodus.
Išvada
Norėdami formatuoti telefono numerį, „ RegEx “ arba „ substr() “ metodas gali būti naudojamas. Apibrėžiant reguliariąją išraišką, reikia sukurti šabloną, o tada, naudojant renov() metodą, telefono numerį galima suformatuoti. Substr() metodu galima sukurti tris dalis ir kiekviena dalis turi apibrėžtą pradžios tašką ir ilgį. Šiame straipsnyje aptariamas telefonų numerių formatavimo metodas „JavaScript“.