Tiedot on pidettävä turvassa ja kohdistettuina, varsinkin kun on kyse puhelinnumeroista. Käyttäjien puhelinnumeroita keräävillä verkkosivustoilla on usein muotoongelmia. Käyttäjät täyttävät tietonsa erittäin epävarmalla tavalla pitämättä standardeja silmällä. Se vaikeuttaa tietojen käsittelyä verkkosivustojen kehittäjille. Tällaisten tilanteiden välttämiseksi puhelinnumerot voidaan muotoilla tietyn standardin mukaan JavaScriptin avulla.
Tässä blogissa käsitellään puhelinnumeron muotoilua JavaScriptissä.
Kuinka muotoilla puhelinnumero JavaScriptillä?
JavaScriptissä käytämme puhelinnumeron muotoilemiseen seuraavia menetelmiä:
Tutustutaan ensimmäiseen menetelmään!
Menetelmät 1: RegEx:n käyttäminen puhelinnumeron muotoiluun JavaScriptissä
' RegEx ” on lyhenne säännölliselle lausekkeelle. Se on merkkisäilö, joka ottaa käyttöön hakumallin merkkijonon suhteen ja sitten korvaa tai poistaa merkkijonon olemassa olevat arvot uusilla arvoilla.
Siirrytään eteenpäin ja otetaan esimerkki ymmärtääksemme, kuinka RegEx-menetelmällä voidaan muotoilla puhelinnumero.
Esimerkki
Tässä esimerkissä luomme muuttujan ' s ' ja anna sille satunnainen muotoilematon numero:
oli s = '+1.234-567.1234' ;
Käynnistä sitten replace()-menetelmä, jossa \D tarkoittaa numeroita välillä [0-9], + on numeroiden toistumisen havaitsemiseen ja g on yleistä vastaavuutta. Kutsu sitten jälleen korvaa()-menetelmää erityisellä merkkijonolla, kuten (\d{1}) asettaaksesi yhden numeron, (\d{3}) asettaaksesi kolme numeroa ja (\d{4}) asettaaksesi neljä numeroa. Jos haluat lisätietoja näistä toiminnoista, tutustu muihin omistettu artikkeli .
Lisäksi $1 on ensimmäinen ryhmä ja + on kohdistettu juuri sen eteen, ($2) on toinen ryhmä, joka on suluissa, $3-$4 on kolmas ja neljäs ryhmä yhdysviivalla (-):
s = s. korvata ( /\D+/g , '' ) . korvata ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;Tulosta nyt tulokset käyttämällä alla olevaa riviä:
konsoli. Hirsi ( s ) ; 
Kuten näet, puhelinnumeron muotoilu onnistui.
Menetelmät 2: Substr():n käyttäminen numeron muotoiluun JavaScriptissä
' substr() ” -menetelmä poimii alimerkkijonon tietystä indeksistä mainittuun pääteindeksiin. Tämä menetelmä voi auttaa luomaan osamerkkijonoja numeroista, joissa on oikea muoto ja merkkijono. Tämän seurauksena muotoiltu numero luodaan.
Syntaksi
merkkijono. substr ( alkaa , loppu )Täällä ' substr() ' -menetelmä hakee alimerkkijonon määritetystä ' alkaa ' indeksi ' asti ' loppu ” annetun merkkijonon indeksi.
Esimerkki 1
Jaetaan ohjelma kolmeen osaan. Ensimmäisessä osassa tarkastelemme arvoa ' p.substr(0, 3) ”, koska 0 on aloituspiste ja 3 on pituus; toisessa osassa arvo ' p.substr(3, 3) ' tarkoittaa, että numerot alkavat 4. paikasta ja niiden pituus on 3. Viimeisellä osalla on arvo ' p.substr(6, 4) ” jossa numeroiden paikat alkavat 7:stä ja sen kokonaispituus on 4:
s = s. substr ( 0 , 3 ) + '-' + s. substr ( 3 , 3 ) + '-' + s. substr ( 6 , 4 ) ;Lähtö
Otetaan nyt toinen esimerkki selvittääksemme, kuinka voimme lisätä maakoodin numeromme kanssa samalla menetelmällä.
Esimerkki 2
Tässä esimerkissä otamme merkkijonon ' str ' ja tee ' +1 ' tallentaa siihen:
oli str = '+1' ;Nyt määritämme 1:n aloituspisteeksi '' p.substr(1, 3) ”. Muu koodi pysyy samana:
s = s. substr ( 1 , 3 ) + '-' + s. substr ( 3 , 3 ) + '-' + s. substr ( 6 , 4 ) ;Tulosta uusi alustettu str-merkkijono merkkijonolla p:
konsoli. Hirsi ( str , s ) ;Lähtö
Olemme oppineet muotoilemaan puhelinnumeron JavaScriptissä kahdella eri menetelmällä.
Johtopäätös
Muotoile puhelinnumero RegEx ' tai ' substr() ”menetelmää voidaan käyttää. Määrittämällä säännöllinen lauseke, sinun on luotava kuvio, jonka jälkeen puhelinnumero voidaan muotoilla vaihto()-menetelmän avulla. Substr()-menetelmässä voidaan luoda kolme osaa, ja jokaisella osalla on määritelty aloituspiste ja pituus. Tässä artikkelissa on käsitelty tapa muotoilla puhelinnumeroita JavaScriptissä.