Kinakailangang panatilihing secure at nakahanay ang data, lalo na pagdating sa mga numero ng telepono. Ang mga website na nangongolekta ng mga numero ng telepono ng mga user ay kadalasang nahaharap sa mga problema sa format. Pinunan ng mga user ang kanilang data sa isang napaka-hindi tiyak na paraan nang hindi pinapanatili ang mga pamantayan sa view. Ginagawa nitong mahirap ang pagproseso ng data para sa mga developer ng website. Upang maiwasan ang mga ganitong sitwasyon, maaaring gamitin ang JavaScript upang i-format ang mga numero ng telepono ayon sa isang partikular na pamantayan.
Tatalakayin ng blog na ito ang pamamaraang nauugnay sa pag-format ng numero ng telepono sa JavaScript.
Paano i-format ang Numero ng Telepono sa JavaScript?
Sa JavaScript, para mag-format ng numero ng telepono, gagamitin namin ang mga sumusunod na pamamaraan:
Maghukay tayo sa unang paraan!
Paraan 1: Paggamit ng RegEx para I-format ang Numero ng Telepono sa JavaScript
“ RegEx ” ay shorthand para sa regular na expression. Ito ang lalagyan ng mga character na nagpapakilala ng pattern ng paghahanap na may kinalaman sa isang string at pagkatapos ay pinapalitan o inaalis ang mga kasalukuyang value ng isang string na may mga bagong value ayon sa pagkakabanggit.
Sumulong tayo at kumuha ng halimbawa para maunawaan kung paano maaaring mag-format ng numero ng telepono ang paggamit ng paraan ng RegEx.
Halimbawa
Sa halimbawang ito, gagawa kami ng variable na ' p ” at italaga ito ng random na unformatted na numero:
ay p = '+1.234-567.1234' ;
Pagkatapos, gamitin ang replace() na paraan, kung saan ang \D ay para sa mga digit mula sa [0-9], + ay para makita ang pag-uulit ng mga digit at ang g ay para sa pandaigdigang tugma. Pagkatapos, tawagan muli ang replace() na paraan na may espesyal na pagkakasunud-sunod ng mga character gaya ng, (\d{1}) upang magtakda ng isang digit, (\d{3}) upang magtakda ng tatlong digit, at (\d{4}) para magtakda ng apat na digit. Upang malaman ang higit pa tungkol sa mga operasyong ito, tingnan ang aming iba pa nakatuong artikulo .
Bukod dito, $1 ang magiging unang pangkat at ang + ay ihahanay sa unahan nito, ($2) ang pangalawang pangkat na nakapaloob sa loob ng mga bracket, $3-$4 ang ikatlo at ikaapat na pangkat na may gitling (-):
p = p. palitan ( /\D+/g , '' ) . palitan ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;Ngayon, i-print ang mga resulta gamit ang linya sa ibaba:
console. log ( p ) ; 
Gaya ng nakikita mo, matagumpay naming na-format ang numero ng telepono.
Paraan 2: Paggamit ng substr() upang I-format ang Numero sa JavaScript
Ang ' substr() Ang paraan ay kinukuha ang substring mula sa isang partikular na index hanggang sa nabanggit na pangwakas na index. Makakatulong ang paraang ito sa paggawa ng mga substring ng mga numero na may wastong format at pagkakasunud-sunod ng mga character. Bilang resulta, bubuo ng isang naka-format na numero.
Syntax
string. substr ( simulan , wakas )Dito, ang ' substr() 'Ang pamamaraan ay kukunin ang substring mula sa tinukoy na ' simulan 'index hanggang sa' wakas ” index ng ibinigay na string.
Halimbawa 1
Hatiin natin ang programa sa tatlong bahagi. Sa unang bahagi, isasaalang-alang natin ang halaga ' p.substr(0, 3) ”, dahil 0 ang panimulang punto, at 3 ang haba; sa ikalawang bahagi, ang halaga ' p.substr(3, 3) ” ay nagpapahiwatig na ang mga digit ay magsisimula sa ika-4 na posisyon at ang kanilang haba ay magiging 3. Ang huling bahagi ay may halaga ' p.substr(6, 4) ” kung saan ang mga digit na posisyon ay nagsisimula sa 7 at ang kabuuang haba nito ay 4:
p = p. substr ( 0 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Output
Ngayon, kumuha tayo ng isa pang halimbawa para malaman kung paano natin maipasok ang country code kasama ang ating numero gamit ang parehong paraan.
Halimbawa 2
Sa halimbawang ito, kukunin natin ang string na ' str 'at gawin ang' +1 ” para mag-imbak dito:
ay str = '+1' ;Ngayon, tutukuyin natin ang 1 bilang panimulang punto sa unang halaga ng ' p.substr(1, 3) ”. Ang natitirang code ay mananatiling pareho:
p = p. substr ( 1 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;I-print ang bagong inisyal na str string na may string p:
console. log ( str , p ) ;Output
Natutunan namin ang pamamaraan sa pag-format ng numero ng telepono sa JavaScript sa pamamagitan ng dalawang magkaibang pamamaraan.
Konklusyon
Upang i-format ang numero ng telepono, ang “ RegEx 'o' substr() ” paraan ay maaaring gamitin. Sa pamamagitan ng pagtukoy sa regular na expression, kailangan mong lumikha ng pattern, at pagkatapos ay sa tulong ng replace() na paraan, maaaring ma-format ang numero ng telepono. Sa substr() na pamamaraan, tatlong bahagi ang maaaring malikha, at ang bawat bahagi ay may tinukoy na panimulang punto at haba. Sinasaklaw ng artikulong ito ang paraan ng pag-format ng mga numero ng telepono sa JavaScript.