Media Belajar Bahasa Pemrograman | by APPKEY

JavascriptTutorial JavaScript 31 : Mengenal Regular Expression pada Javascript

Tutorial JavaScript 31 : Mengenal Regular Expression pada Javascript

-

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():

Artikel Terkait  Tutorial JavaScript 25 : Memahami JavaScript Redirect dan Kegunaannya

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:

Expression Keterangan
[abc] Benar jika salah satu karakter dalam tanda kurung ditemukan
[0-9] Benar jika salah satu angka dalam tanda kurung ditemukan (dapat ditentukan dalam interval)
(x|y) Benar jika salah satu alternatif dipisahkan oleh | simbol ditemukan

 

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

Modifier Keterangan
i Melakukan pencarian peka huruf besar-kecil
g Melakukan kecocokan global (temukan semua kecocokan JavaScript RegEx daripada berhenti setelah yang pertama)
m Melakukan pencocokan multiline

 

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

Quantifier Keterangan
n+ Jika string berisi setidaknya satu n, itu cocok
n* Jika string memiliki nol atau lebih dari n, itu cocok
n? Jika string berisi nol atau salah satu dari n, itu cocok

 

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:

Modifier Keterangan
i Melakukan pencarian peka huruf besar-kecil
g Melakukan kecocokan global (temukan semua kecocokan JavaScript RegEx daripada berhenti setelah yang pertama)
m Melakukan pencocokan multiline

 

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:

Artikel Terkait  Tutorial Javascript 9 : Javascript Sort Array, Cepat dan Mudah Cara Mengurutkan Data Array

/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.


Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.

Jasa Pembuatan Aplikasi

Jasa Pembuatan Website

Jasa Pembuatan Paket Aplikasi

Jasa Pembuatan Internet Marketing

Tutorial

Subscribe Sekarang

Dapatkan beragam informasi menarik tentang bahasa pemrograman langsung melalui email Anda. Subscribe sekarang dan terus belajar bersama kami!

Blog Post Ranking 10

Tutorial Python 9 : Cara Membuat Looping Python

Pada artikel sebelumnya, Codekey telah menjelaskan tentang Operasi Kondisional Python yang di dalamnya menyinggung tentang percabangan dan perulangan. Belajar...

Tutorial Python 8 : Langkah Mudah Membuat Operasi Kondisional pada Python

Pada pembahasan sebelumnya, Codekey telah menjelaskan kepada Anda tentang pengoperasian string pada Python mulai dari menggabungkan hingga memanipulasi string...

Tutorial Python 7 : Python String Format dan Cara Mudahnya

Anda ingin belajar Python dan ingin menjadi ahli dalam bahasa pemrograman Python? Mari belajar bersama Codekey! Pada pembahasan kali...

Tutorial PHP 22 : Cara Membuat Redirect PHP dengan Cepat dan Mudah

Jika Anda melakukan browsing di browser kesayangan Anda, mungkin Anda pernah melihat link yang berisikan “php redirect” atau yang...

Tutorial PHP 23 : Cara Membuat Messages Alert PHP

Alert box atau alert messages digunakan di situs web untuk menampilkan pesan peringatan kepada pengguna bahwa mereka telah memasukkan...

Tutorial Dart 18 : Ayo Mulai, Pelajari Cara Install Flutter

Pada seri tutorial Dart kali ini, Codekey akan menampilkan hal yang sedikit berbeda, yaitu tentang aplikasi-aplikasi yang mendukung pemrograman...

Tutorial SQL 8 : Constraint SQL, Bagaimana Fungsi dan Penggunaannya?

Pada artikel sebelumnya Anda telah mempelajari tentang wildcard SQL, pada artikel kali ini kami akan menjelaskan tentang constraint SQL. Jika...

Tutorial Javascript 8 : Array Javascript, Panduan Lengkap Cara Membuatnya

Seperti bahasa pemrograman yang berorientasi objek lainnya, dalam JavaScript juga terdapat array. Jika Anda memiliki banyak objek yang ingin...

Tutorial PHP 8 : Memahami Array Multidimensi PHP

Pada artikel sebelumnya kami telah membahas tentang array PHP serta membahas sedikit tentang array multidimensi PHP. Pada artikel kali...

Tutorial SQL 9 : Agregasi SQL, Cara Mengolah data Menggunakan Fungsi Ini

Agregasi data adalah cara runtuh, meringkas, atau mengelompokan data. Agregasi adalah hal yang selalu ada di setiap aplikasi untuk...

Bisnis

Online Service

Peluang Bisnis

Model Bisnis

Entrepreneurship

Uang

Ketrampilan

Outsourcing

Monetize

Pemasaran

SEO

Internet Marketing

Dasar Pemasaran

Strategi Pemasaran

Situs Web Analitik

Iklan

Teknologi

Teknologi Terbaru

AI

Komputer

Jaringan

Paling Sering dibaca
Mungkin Anda Menyukainya