Tutorial JavaScript 31 : Mengenal Regular Expression pada Javascript

Last Updated on February 22, 2022 by

Regular Expression atau sering disingkat RegEx, adalah sebuah ekspresi yang umum digunakan dalam berbagai bahasa pemrograman termasuk JavaScript. Anda juga dapat membuat pencarian case-sensitive dan yang tidak. Anda juga bisa mencari satu atau beberapa RegEx JavaScript yang cocok, serta mencari karakter di awal atau akhir kata.

Dalam tutorial ini, Anda akan belajar bagaimana bekerja dengan RegEx JavaScript. Kami akan membahas tentang sintaks dan cara menggunakan RegEx di dalam JavaScript. Jika Anda ingin tahu, simak artikel ini sampai akhir.

Regular Expression JavaScript : Sebuah Penjelasan

Menurut MDN, ekspresi reguler adalah “pola yang digunakan untuk mencocokkan kombinasi karakter dalam string”. Pola-pola ini terkadang dapat menyertakan karakter khusus (*, +), pernyataan (\W, ^), grup dan rentang ((abc), [123]), dan hal-hal lain yang membuat regex begitu kuat tetapi sulit dipahami.

Pada intinya, regex adalah tentang menemukan pola dalam string, mulai dari menguji string untuk satu karakter hingga memverifikasi bahwa nomor telepon valid dapat dilakukan dengan ekspresi reguler. Dalam JavaScript, Regular Expression (RegEx) adalah objek yang menggambarkan urutan karakter yang digunakan untuk menentukan pola pencarian.

Beberapa hal penting yang harus Anda catat dalam Regular Expression JavaScript:

• Ekspresi reguler adalah string teks yang membuat pola pencarian. Itu dibentuk menggunakan aturan tertentu.
• Pola teks dapat digunakan untuk membuat JavaScript RegEx menggantikan dan mencari teks.
• Ekspresi reguler dapat berupa kata sederhana atau pola kompleks.
• Menggunakan ekspresi reguler alih-alih string untuk pencarian bisa jauh lebih fleksibel. Misalnya, Anda dapat mencari kecocokan RegEx JavaScript yang peka huruf besar-kecil.

Cara Menggunakan RegEx di Dalam JavaScript

Setelah mengetahui lebih detail tentang apa itu Regular Expression yang ada di dalam JavaScript. Selanjutnya, Anda akan melihat cara menggunakan RegEx di dalam JavaScript. Berikut ini adalah syntax yang digunakan untuk RegEx JavaScript.

Regular Expression biasanya digunakan dengan dua metode string ini: search() dan replace(). Kami sekarang akan meninjau keduanya secara lebih rinci. Gunakan search() metode mencari pola tertentu dan mengembalikan posisi kecocokan JavaScript RegEx (jika ditemukan).

Kode dalam contoh JavaScript RegEx di bawah ini akan menemukan posisi string “Pelajari” karena modifier  i menentukan pencarian menjadi case-insensitive:

var pesan = "Selamat Belajar Javascript";
var n = text.search(/selamat/i);

search() metode juga menerima string sebagai argumen:

var pesan = "Selamat Belajar Javascript";  
var n = text.search("Javascript");

Sekarang, metode JavaScript RegEx replace() menggantikan pola yang ditentukan dengan string baru. Dalam contoh JavaScript RegEx di bawah, string “PHP” diganti dengan string “Javascript”:

var pesan = "Selamat Belajar PHP";
var n = text.replace(/php/i, "Javascript");

String juga dapat diterima sebagai argumen saat menggunakan JavaScript RegEx replace():

Pola dan Modifier Regular Expression JavaScript

Setiap kali Anda perlu menemukan rentang karakter, kami menggunakan tanda kurung. Mereka bisa bulat dan persegi, tergantung pada situasinya:

Karakter yang memiliki arti khusus disebut metakarakter. Mari kita lihat mereka dalam tabel untuk mendapatkan ide yang lebih baik:

Seperti namanya sendiri memberitahu kita, quantifiers digunakan untuk mendefinisikan kuantitas:

Sekarang, modifiers bukan pola. Namun, mereka sangat penting bagi mereka, karena mereka mengubah cara pencarian pola. Tinjau tabel untuk mendapatkan gambaran yang lebih baik tentang pengaruhnya terhadap penelusuran:

Menggunakan Objek RegEx

Bahasa JavaScript juga memiliki objek RegEx, yang memiliki properti dan metodenya. Anda dapat mempelajari lebih lanjut tentang properti dan objek RegEx di tutorial Referensi RegEx JavaScript. Sekarang, bagaimanapun, kita akan membahas metode objek RegEx yang paling populer.

Pertama dan terpenting, objek RegEx memiliki metode test(). Ini mencari string yang ditentukan untuk pola tertentu dan mengembalikan true jika kecocokan JavaScript RegEx ditemukan.

Contoh di bawah mencari karakter n dalam string yang ditentukan:

/n/.test("Contoh penggunaan metode test untuk mencari karakter n");

exec() juga merupakan metode objek RegEx. Dengan menggunakannya, teks yang Anda cari dikembalikan. Kode contoh di bawah ini lagi digunakan untuk mencari karakter n, tetapi nilai kembaliannya berbeda:

/n/.exec("Contoh penggunaan metode exec untuk mencari karakter n");

Itulah penjelasan tentang Regular Expression yang ada di JavaScript. RegEx memungkinkan Anda membuat pola pencarian dengan aturan tertentu. Dengan RegEx JavaScript, Anda dapat mencari atau mengganti sepotong teks, dengan menggunakan metode string seperti search() dan replace(). RegEx terbuat dari modifier dan pola. Pola ini pun terdiri dari tanda kurung, metakarakter, dan quantifier.

Jika Anda ingin belajar lebih banyak tentang HTML, jangan lupa kunjungi seri tutorial HTML/CSS di Codekey. Kunjungi https://codekey.id/ untuk dapatkan materi tentang HTML/CSS secara gratis dan dapat dipelajari di mana saja.