Det er nødvendigt at holde data sikre og tilpasset, især når det kommer til telefonnumre. Websites, der indsamler brugernes telefonnumre, har ofte formatproblemer. Brugere udfylder deres data på en meget usikker måde uden at holde standarderne for øje. Det gør databehandling vanskelig for webstedsudviklere. For at undgå sådanne situationer kan JavaScript bruges til at formatere telefonnumrene efter en bestemt standard.
Denne blog vil diskutere proceduren i forbindelse med formatering af et telefonnummer i JavaScript.
Hvordan formaterer man telefonnummer i JavaScript?
I JavaScript vil vi bruge følgende metoder til at formatere et telefonnummer:
Lad os grave ind i den første metode!
Metoder 1: Brug af RegEx til at formatere telefonnummer i JavaScript
“ RegEx ” er en forkortelse for regulært udtryk. Det er beholderen af tegn, der introducerer et søgemønster med hensyn til en streng og derefter erstatter eller fjerner de eksisterende værdier af en streng med henholdsvis nye værdier.
Lad os gå videre og tage et eksempel for at forstå, hvordan brug af RegEx-metoden kan formatere et telefonnummer.
Eksempel
I dette eksempel vil vi oprette en variabel ' s ” og tildel det et tilfældigt uformateret tal:
var s = '+1.234-567.1234' ;
Brug derefter erstatte()-metoden, hvor \D er for cifre fra [0-9], + er for at detektere gentagelsen af cifre, og g er for det globale match. Kald derefter erstatte()-metoden igen med en speciel sekvens af tegn, såsom (\d{1}) for at angive et ciffer, (\d{3}) for at angive tre cifre og (\d{4}) for at indstille fire cifre. For at vide mere om disse operationer, tjek vores anden dedikeret artikel .
Desuden vil $1 være den første gruppe, og + vil blive justeret lige før den, ($2) vil være den anden gruppe, som er omgivet af parenteser, $3-$4 vil være den tredje og fjerde gruppe med et bindestregtegn (-):
s = s. erstatte ( /\D+/g , '' ) . erstatte ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;Udskriv nu resultaterne ved at bruge nedenstående linje:
konsol. log ( s ) ; 
Som du kan se, har vi formateret telefonnummeret.
Metoder 2: Brug af substr() til at formatere tal i JavaScript
Det ' substr() ”-metoden udtrækker understrengen fra et specifikt indeks til det nævnte slutindeks. Denne metode kan hjælpe med at lave understrenge af tal med korrekt format og sekvens af tegn. Som et resultat vil der blive genereret et formateret tal.
Syntaks
snor. substr ( Start , ende )Her er ' substr() '-metoden vil hente understrengen fra den angivne ' Start ' indeks til ' ende ” indeks for den givne streng.
Eksempel 1
Lad os dele programmet op i tre dele. I den første del vil vi overveje værdien ' p.substr(0, 3) ”, da 0 er udgangspunktet, og 3 er længden; i anden del, værdien ' p.substr(3, 3) ' angiver, at cifrene starter fra 4. position og deres længde vil være 3. Den sidste del har værdien ' p.substr(6, 4) ” hvor cifferpositionerne starter fra 7 og dens samlede længde er 4:
s = s. substr ( 0 , 3 ) + '-' + s. substr ( 3 , 3 ) + '-' + s. substr ( 6 , 4 ) ;Produktion
Lad os nu tage et andet eksempel for at finde ud af, hvordan vi kan indsætte landekoden sammen med vores nummer ved hjælp af samme metode.
Eksempel 2
I dette eksempel tager vi strengen ' str ' og lav ' +1 ' for at gemme i det:
var str = '+1' ;Nu vil vi definere 1 som udgangspunktet i den første værdi af ' p.substr(1, 3) ”. Resten koden forbliver den samme:
s = s. substr ( 1 , 3 ) + '-' + s. substr ( 3 , 3 ) + '-' + s. substr ( 6 , 4 ) ;Udskriv den nyligt initialiserede str-streng med streng p:
konsol. log ( str , s ) ;Produktion
Vi har lært proceduren til at formatere telefonnummer i JavaScript gennem to forskellige metoder.
Konklusion
For at formatere telefonnummeret skal ' RegEx ' eller ' substr() ”-metoden kan bruges. Ved at definere det regulære udtryk skal du lave et mønster, og derefter ved hjælp af replace() metoden kan telefonnummeret formateres. I substr() metoden kan der oprettes tre dele, og hver del har et defineret startpunkt og længde. Denne artikel har dækket metoden til at formatere telefonnumre i JavaScript.