Ekspresi Reguler (RegExp) Modern, Named Capture Groups, dan Pencegahan ReDoS

Kapan Menggunakan Metode String Biasa vs RegExp?

Untuk pemeriksaan sederhana—seperti mengecek apakah kalimat diawali kata tertentu atau mengandung potongan kata tetap—selalu utamakan metode String biasa yang cepat dan mudah dibaca: teks.includes(), teks.startsWith(), teks.endsWith(), dan teks.replaceAll("lama", "baru").

Gunakan Regular Expressions (RegExp) ketika Anda berhadapan dengan pola yang bervariasi—seperti mengekstrak tanggal YYYY-MM-DD dari log server, memvalidasi format nomor induk/kode produk, atau mencari seluruh tag #topik di dalam artikel.

1. Sintaks Dasar, Kelas Karakter, dan Kuantifier

Sebuah pola RegExp dapat ditulis sebagai literal /pola/flags atau lewat konstruktor new RegExp("pola", "flags"):

Bendera (Flags) Penting pada RegExp Modern

• **i (ignoreCase):** Mengabaikan perbedaan huruf besar dan kecil.
• **g (global):** Mencari seluruh kemunculan di dalam teks, bukan berhenti pada kecocokan pertama saja.
• **u (unicode) / v (unicodeSets — Baseline Widely Available sejak Maret 2026; didukung semua peramban utama sejak September 2023):** Mengaktifkan dukungan penuh karakter UTF-16/emoji dan properti karakter Unicode \p{...}!

2. Mengekstrak Data Terstruktur dengan Named Capture Groups ((?<nama>...))

Dulu, mengekstrak bagian tanggal dari regex /(\d{4})-(\d{2})-(\d{2})/ mengharuskan kita mengakses indeks angka hasil[1], hasil[2], hasil[3] yang membingungkan jika urutan grup diubah.

Dengan Named Capture Groups ((?<namaGrup>...)) (status Baseline Widely Available), hasil tangkapan langsung tersedia sebagai objek bernama di dalam properti .groups:

const polaLog = /^\[(?<tanggal>\d{4}-\d{2}-\d{2})\]\s+(?<tingkat>INFO|WARN|ERROR):\s+(?<pesan>.+)$/;

const barisLog = "[2026-10-16] ERROR: Koneksi ke PostgreSQL terputus";
const cocok = polaLog.exec(barisLog);

if (cocok) {
  const { tanggal, tingkat, pesan } = cocok.groups;
  console.log({ tanggal, tingkat, pesan });
  // { tanggal: "2026-10-16", tingkat: "ERROR", pesan: "Koneksi ke PostgreSQL terputus" }
}

3. Mencari Banyak Kecocokan Sekaligus dengan String.prototype.matchAll()

Jika Anda ingin mengekstrak semua kemunculan pola beserta grup tangkapannya di dalam sebuah teks panjang, jangan lagi menulis perulangan while ((m = regex.exec(teks)) !== null)! Gunakan teks.matchAll(regexGlobal) (wajib menyertakan flag g):

const teksArtikel = "Pelajari #html, #css, dan #javascript di Kodeloka!";
const polaTagar = /#(?<topik>[a-z0-9_-]+)/gi;

// matchAll() mengembalikan iterator yang bisa langsung diubah menjadi Array atau di-for...of
const daftarTopik = Array.from(
  teksArtikel.matchAll(polaTagar),
  (m) => m.groups.topik.toLowerCase()
);

console.log(daftarTopik); // ["html", "css", "javascript"]

4. Bahaya Keamanan Catastrophic Backtracking (ReDoS)

Hati-hati saat menulis kuantifier yang bersarang di dalam grup kuantifier lain—seperti /(a+)+$/ atau /^([a-zA-Z0-9]+\s?)+$/!

Mengapa pola seperti /(a+)+$/ sangat berbahaya? Jika penyerang mengirimkan string berisi 30 huruf "a" yang diakhiri tanda seru ("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa!"), mesin regex akan mencoba jutaan kombinasi pembagian grup (a+)+ sebelum menyadari bahwa karakter terakhir bukan "a". Akibatnya, **utas utama JavaScript (atau server Node.js) langsung membeku 100% CPU selama beberapa menit (Regular Expression Denial of Service / ReDoS)**!

Latihan Praktik: Pengurai Versi Semantik (SemVer) dengan Named Capture Groups

Buatlah berkas regex-semver.js dan jalankan dengan Node.js:

1. Buat fungsi uraiVersi(teksVersi) yang menggunakan regex dengan Named Capture Groups (?<major>\d+)\.(?<minor>\d+)\.(?<patch>\d+)(?:-(?<prarelis>[0-9A-Za-z.-]+))? yang terjangkar dengan ^ dan $.
2. Kembalikan objek { major: Number(...), minor: Number(...), patch: Number(...), prarelis: ... } atau null jika formatnya tidak sah (misalnya "8.5.0-rc.1" sah, sedangkan "v8.5" tidak sah).