Posting ini menjelaskan cara kerja karakter meta “\d” di RegExp JavaScript.
Apa yang Dilakukan Metacharacter 'd' di RegExp JavaScript?
“ \D ” metakarakter bekerja pada nilai numerik tunggal. Dalam kasus beberapa digit, itu cocok dengan setiap satu digit dan menampilkan seluruh nilai yang dipisahkan oleh koma ',' secara otomatis.
Sintaks (Dasar)
/ \D /
Dalam sintaks di atas:
- /(garis miring-maju) : Menentukan batas ekspresi reguler dan setara dengan /[\d]/.
- \(Garis miring terbalik) : Melewati garis miring terbalik dan memperlakukan karakter yang disebutkan berikutnya sebagai karakter meta.
- D : Mencocokkan digit dari “ 0-9 ”.
Sintaks (Dengan Pengubah)
/ \D / [ G , Saya , M ] ATAU baru RegExp ( ' \\ D' , '[g, aku, m' )
Dalam sintaks yang diberikan di atas:
- g(global) : Mencari secara global dan menemukan semua kecocokan. Itu tidak berhenti setelah pertandingan pertama.
- saya (peka huruf besar-kecil) : Mengabaikan sensitivitas huruf besar-kecil.
- m(banyak) : Menentukan pencarian multibaris dan hanya dibatasi pada “^(awal string)” dan “$(akhir string)”.
Sintaks (Dengan Konstruktor RegExp ())
Karakter meta “\d” juga dapat digunakan sebagai objek RegExp dengan konstruktor “RegExp()”:
baru RegExp ( ' \\ D' )
Dalam sintaks ini:
- baru : Mewakili operator atau kata kunci yang membuat objek dari fungsi konstruktor.
- RegExp() : Menandakan konstruktor yang mendukung “ \\D ” metakarakter dalam bentuk parameter/argumen pertama.
Contoh 1: Menerapkan Metakarakter “d” untuk Menemukan Digit Dari String Berdasarkan Sintaks Pengubah (/\d/g)
Dalam contoh ini, “ /\D ” metakarakter dapat digunakan dengan “ g(global) ” pengubah untuk mencocokkan digit dari string.
Kode HTML
Mari ikhtisar kode HTML berikut:
< P > Rangkaian : Linuxint12345 P >
< tombol ondblklik = 'menemukan()' > Klik dua kali tombol >
< p id = 'mencari' > P >
Dalam kode HTML di atas:
- “ ” tag ditentukan untuk menentukan subjudul pertama.
- “ ” tag membuat paragraf untuk menampilkan string.
- “
” tag membuat tombol yang memiliki “ ondblclick ” acara mengarahkan ulang ke fungsi “ menemukan() ” yang akan dipicu pada tombol klik dua kali. - Setelah itu, “ ” menunjukkan paragraf kosong kedua yang diberi id “ mencari ” untuk menampilkan digit yang dicari.
Kode JavaScript
Sekarang, mari beralih ke kode JavaScript:
fungsi menemukan ( ) {
dulu str = 'Linuxhint12345' ;
dulu pola = /\d/g ;
dulu hasil = str. cocok ( pola ) ;
dokumen. getElementById ( 'mencari' ) . innerHTML = hasil ;
}
naskah >
Dalam kode JavaScript di atas:
- Tentukan fungsi bernama ' menemukan() ”.
- Dalam definisinya, inisialisasi variabel string yang disebutkan yang terdiri dari angka di dalamnya.
- Pada langkah selanjutnya, variabel “ pola ” mendefinisikan sintaks dari metakarakter “ \D ” dengan tambahan “ G ” global search flag/modifier untuk menemukan digit secara global dari string yang diinisialisasi.
- Sekarang, terapkan ' cocok() ” metode untuk mencocokkan angka dari string dengan bantuan karakter meta yang dibahas.
- Terakhir, “ dokumen.getElementById() ” metode mengakses paragraf melalui idnya “ mencari ” untuk menambahkan dan menampilkan digit yang dicari.
Keluaran
Output menampilkan ' yang dicari ' digit ” dari string yang disediakan pada tombol klik dua kali sesuai.
Contoh 2: Menerapkan Metakarakter 'd' untuk Menemukan Digit Dari String Berdasarkan Sintaks 'RegExp() Constructor'
“ RegExp baru ('\\W', 'g') ” Sintaks juga dapat digunakan untuk menemukan angka. Ini mengembalikan output yang sama seperti dari sintaks “/\d\g”. Mari kita lihat bagaimana ini bisa digunakan dalam kode JavaScript.
Catatan : Kode HTML sama seperti pada Contoh 1.
Kode JavaScript
Mari tinjau kode JavaScript berikut:
fungsi menemukan ( ) {
dulu str = 'Linuxhint12345' ;
dulu pola = baru RegExp ( ' \\ D' , 'G' ) ;
dulu hasil = str. cocok ( pola ) ;
dokumen. getElementById ( 'mencari' ) . innerHTML = hasil ;
}
naskah >
Pada baris kode di atas, ' pola ” menentukan sintaks “RegExp(“\\d”, “g”)” baru untuk mencari dan mengembalikan digit dari string yang diinisialisasi secara global setelah klik dua kali tombol.
Keluaran
Seperti yang dianalisis, hasilnya juga identik dalam kasus ini.
Kesimpulan
Dalam JavaScript, “ \D 'Metacharacter bermanfaat untuk menemukan angka antara' 0-9 ”. Secara default, ini berhenti pada pencocokan digit pertama tanpa menyelesaikan pencarian dari seluruh string. Untuk tujuan ini, “ g(global) ” pengubah dapat digunakan dengannya untuk menyelesaikan pencarian dengan tepat. Blog ini memberikan demonstrasi mendetail tentang karakter meta 'd' di RegExp JavaScript.