DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

REGULAR EXPRESSION PADA JAVASCRIPT

Panduan singkat memahami dan menggunakan regular expression pada JavaScript dengan contoh mudah dipahami.

Daftar Isi:

Awalan Cara Penulisan
Karakter Khusus dalam Regex
Grup dan Alternatif
Flags
Kesimpulan

Dalam JavaScript, regular expression (regex) merupakan cara yang kuat untuk mencari dan memanipulasi teks. Regex membantu kita menemukan pola tertentu dalam string.

Awalan Cara Penulisan

Regex dalam JavaScript biasanya diawali dan diakhiri dengan garis miring (/). Berikut adalah contoh sederhana regex:

let regex = /abc/;

Kode di atas akan mencari string ‘abc’ dalam teks. Kamu bisa menggunakan regex untuk berbagai keperluan, seperti validasi form, pemrosesan teks, dan banyak lagi.

Karakter Khusus dalam Regex

Beberapa karakter memiliki arti khusus dalam regex:

  • . : Mewakili karakter apa saja kecuali garis baru.
  • ^ : Memakai posisi di awal string.
  • $ : Memakai posisi di akhir string.
  • * : Menandakan 0 atau lebih pengulangan karakter atau grup.
  • + : Menandakan 1 atau lebih pengulangan karakter atau grup.
  • ? : Menandakan 0 atau 1 pengulangan karakter atau grup.

Contoh penggunaan:

let regex = /a.c/; // Mencari 'a' diikuti oleh karakter apapun, kemudian 'c'
let text = "abc aac adc";
console.log(text.match(regex)); // Output: ['abc', 'aac', 'adc']

Grup dan Alternatif

Kamu bisa grupkan beberapa karakter dan gunakan alternatif dengan tanda kurung () dan garis vertikal |.

Contoh:

let regex = /(abc|def)/;
let text = "abc def ghi";
console.log(text.match(regex)); // Output: ['abc', 'def']

Flags

Regex juga memiliki beberapa flag, yang bisa ditambahkan setelah garis miring penutup. Beberapa flag yang sering digunakan adalah:

  • g : Global, mencocokkan semua yang ditemukan
  • i : Case-insensitive, tidak membedakan huruf besar dan kecil
  • m : Multiline, mencocokkan di setiap baris dalam string

Contoh:

let regex = /abc/g;
let text = "abc abc abc";
console.log(text.match(regex)); // Output: ['abc', 'abc', 'abc']

Kesimpulan

RegEx adalah alat yang sangat berguna dalam JavaScript untuk pencarian dan manipulasi teks. Dengan memahami dasar-dasar ini, kamu dapat memanfaatkan kekuatan regex untuk membuat aplikasi JavaScript kamu lebih efisien dan kreatif. Selalu praktikkan dan eksplorasi lebih lanjut untuk memperdalam pemahaman kamu.


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding