Telefoninumbri vormindamine JavaScriptis

Telefoninumbri Vormindamine Javascriptis



On vaja hoida andmed turvalisena ja joondatud, eriti kui tegemist on telefoninumbritega. Kasutajate telefoninumbreid koguvad veebisaidid seisavad sageli silmitsi vorminguprobleemidega. Kasutajad täidavad oma andmeid väga ebakindlalt, standardeid silmas pidades. See muudab andmetöötluse veebisaidi arendajatele keeruliseks. Selliste olukordade vältimiseks saab JavaScripti kasutada telefoninumbrite vormindamiseks vastavalt kindlale standardile.

Selles ajaveebis käsitletakse JavaScriptis telefoninumbri vormindamise protseduuri.







Kuidas telefoninumbrit JavaScriptis vormindada?

JavaScriptis kasutame telefoninumbri vormindamiseks järgmisi meetodeid:



Uurime esimest meetodit!



1. meetod: RegExi kasutamine telefoninumbri vormindamiseks JavaScriptis

RegEx ” on regulaaravaldise lühend. See on märkide konteiner, mis tutvustab stringi suhtes otsingumustrit ja seejärel asendab või eemaldab stringi olemasolevad väärtused vastavalt uute väärtustega.





Liigume edasi ja võtame näite, et mõista, kuidas RegEx-meetodi abil saab telefoninumbrit vormindada.

Näide

Selles näites loome muutuja ' lk ” ja määrake sellele juhuslik vormindamata number:



oli lk = '+1,234-567,1234' ;

Seejärel käivitage meetod asendamine(), kus \D on numbrite jaoks vahemikus [0-9], + on numbrite kordumise tuvastamiseks ja g on globaalne vaste. Seejärel kutsuge uuesti asendamismeetod () spetsiaalse märgijadaga, näiteks (\d{1}), et määrata üks number, (\d{3}), et määrata kolm numbrit ja (\d{4}) nelja numbri määramiseks. Nende toimingute kohta lisateabe saamiseks vaadake meie teist pühendatud artikkel .

Veelgi enam, $1 on esimene rühm ja + joondatakse vahetult enne seda, ($2) on teine ​​grupp, mis on sulgudes, $3-$4 on kolmas ja neljas sidekriipsuga (-):

lk = lk. asendada ( /\D+/g , '' ) . asendada ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;

Nüüd printige tulemused alloleva rea ​​abil:

konsool. logi ( lk ) ;

Nagu näete, oleme telefoninumbri edukalt vormindanud.

2. meetod: Substr() kasutamine numbri vormindamiseks JavaScriptis

' substr() ” meetod eraldab alamstringi konkreetsest indeksist kuni mainitud lõpuindeksini. See meetod võib aidata luua õige vormingu ja märgijadaga numbrite alamstringe. Selle tulemusena luuakse vormindatud number.

Süntaks

string. alamstr ( alustada , lõpp )

Siin on ' substr() meetod toob alamstringi määratud ' alustada ' indeks kuni ' lõpp ” antud stringi indeks.

Näide 1

Jagame programmi kolmeks osaks. Esimeses osas käsitleme väärtust ' p.substr(0, 3) ”, kuna 0 on alguspunkt ja 3 on pikkus; teises osas väärtus ' p.substr(3, 3) ” näitab, et numbrid algavad 4. positsioonist ja nende pikkus on 3. Viimasel osal on väärtus “ p.substr(6, 4) ” kus numbrikohad algavad 7-st ja selle kogupikkus on 4:

lk = lk. alamstr ( 0 , 3 ) + '-' + lk. alamstr ( 3 , 3 ) + '-' + lk. alamstr ( 6 , 4 ) ;

Väljund

Nüüd võtame veel ühe näite, et välja selgitada, kuidas saame sama meetodi abil sisestada riigikoodi koos oma numbriga.

Näide 2

Selles näites võtame stringi ' str ' ja tehke ' +1 ', et sellesse salvestada:

oli str = '+1' ;

Nüüd defineerime 1 väärtuse '' esimese väärtuse lähtepunktina p.substr(1, 3) ”. Ülejäänud kood jääb samaks:

lk = lk. alamstr ( 1 , 3 ) + '-' + lk. alamstr ( 3 , 3 ) + '-' + lk. alamstr ( 6 , 4 ) ;

Printige välja äsja initsialiseeritud string stringiga p:

konsool. logi ( str , lk ) ;

Väljund

Oleme õppinud telefoninumbri vormindamist JavaScriptis kahe erineva meetodi abil.

Järeldus

Telefoninumbri vormindamiseks vajuta ' RegEx ” või „ substr() ” meetodit saab kasutada. Regulaaravaldise defineerimisel tuleb luua muster ja seejärel saab meetodi asendada() abil vormindada telefoninumbri. Substr() meetodis saab luua kolm osa ning igal osal on määratletud alguspunkt ja pikkus. See artikkel käsitleb telefoninumbrite JavaScriptis vormindamise meetodit.