Penting untuk menjaga keamanan dan keselarasan data, terutama dalam hal nomor telepon. Situs web yang mengumpulkan nomor telepon pengguna sering menghadapi masalah format. Pengguna mengisi data mereka dengan cara yang sangat tidak pasti tanpa memperhatikan standar. Itu membuat pemrosesan data sulit bagi pengembang situs web. Untuk menghindari situasi seperti itu, JavaScript dapat digunakan untuk memformat nomor telepon menurut standar tertentu.
Blog ini akan membahas prosedur yang berkaitan dengan memformat nomor telepon di JavaScript.
Bagaimana Memformat Nomor Telepon di JavaScript?
Dalam JavaScript, untuk memformat nomor telepon, kami akan menggunakan metode berikut:
Mari gali metode pertama!
Metode 1: Menggunakan RegEx untuk Memformat Nomor Telepon di JavaScript
“ RegEx ” adalah singkatan untuk ekspresi reguler. Ini adalah wadah karakter yang memperkenalkan pola pencarian sehubungan dengan string dan kemudian mengganti atau menghapus nilai string yang ada dengan nilai baru masing-masing.
Mari kita lanjutkan dan ambil contoh untuk memahami bagaimana menggunakan metode RegEx dapat memformat nomor telepon.
Contoh
Dalam contoh ini, kita akan membuat variabel “ p ” dan berikan nomor acak yang tidak diformat:
dulu p = '+1.234-567.1234' ;
Kemudian, aktifkan metode replace(), di mana \D untuk digit dari [0-9], + untuk mendeteksi pengulangan digit dan g untuk kecocokan global. Kemudian, panggil kembali metode replace() dengan urutan karakter khusus seperti, (\d{1}) untuk menyetel satu digit, (\d{3}) untuk menyetel tiga digit, dan (\d{4}) untuk mengatur empat digit. Untuk mengetahui lebih lanjut tentang operasi ini, lihat kami yang lain artikel khusus .
Selain itu, $1 akan menjadi grup pertama dan + akan disejajarkan tepat sebelum itu, ($2) akan menjadi grup kedua yang diapit tanda kurung, $3-$4 akan menjadi grup ketiga dan keempat dengan tanda hubung (-):
p = p. mengganti ( /\D+/g , '' ) . mengganti ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;Sekarang, cetak hasilnya menggunakan baris di bawah ini:
menghibur. catatan ( p ) ; 
Seperti yang Anda lihat, kami telah berhasil memformat nomor telepon.
Metode 2: Menggunakan substr() untuk Memformat Angka dalam JavaScript
' substr() ” metode mengekstrak substring dari indeks tertentu hingga indeks akhir yang disebutkan. Metode ini dapat membantu dalam membuat substring angka dengan format dan urutan karakter yang tepat. Akibatnya, nomor yang diformat akan dihasilkan.
Sintaksis
rangkaian. substr ( Mulailah , akhir )Di sini, “ substr() ” metode akan mengambil substring dari yang ditentukan “ Mulailah ” indeks sampai “ akhir ” indeks dari string yang diberikan.
Contoh 1
Mari kita bagi program menjadi tiga bagian. Pada bagian pertama, kita akan mempertimbangkan nilai “ p.substr(0, 3) ”, karena 0 adalah titik awal, dan 3 adalah panjangnya; di bagian kedua, nilai “ p.substr(3, 3) ” menunjukkan bahwa digit akan dimulai dari posisi ke-4 dan panjangnya akan menjadi 3. Bagian terakhir memiliki nilai “ p.substr(6, 4) ” di mana posisi digit dimulai dari 7 dan panjang totalnya adalah 4:
p = p. substr ( 0 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Keluaran
Sekarang, mari kita ambil contoh lain untuk mengetahui bagaimana kita bisa memasukkan kode negara beserta nomor kita menggunakan metode yang sama.
Contoh 2
Dalam contoh ini, kita akan mengambil string “ str ” dan membuat “ +1 ” untuk menyimpan di dalamnya:
dulu str = '+1' ;Sekarang, kita akan mendefinisikan 1 sebagai titik awal dalam nilai pertama “ p.substr(1, 3) ”. Kode lainnya akan tetap sama:
p = p. substr ( 1 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Cetak string str yang baru diinisialisasi dengan string p:
menghibur. catatan ( str , p ) ;Keluaran
Kami telah mempelajari prosedur untuk memformat nomor telepon dalam JavaScript melalui dua metode berbeda.
Kesimpulan
Untuk memformat nomor telepon, tombol “ RegEx ' atau ' substr() ” metode dapat digunakan. Dengan mendefinisikan ekspresi reguler, Anda perlu membuat pola, dan kemudian dengan bantuan metode replace(), nomor telepon dapat diformat. Dalam metode substr(), tiga bagian dapat dibuat, dan setiap bagian memiliki titik awal dan panjang yang ditentukan. Artikel ini telah membahas metode untuk memformat nomor telepon dalam JavaScript.