Penguji Regex Gratis — Debug & Cocokkan Pola Online

Apa Itu Penguji Regex?

// The pattern you build in this tester drops straight into JavaScript.
// Example: extract every ISO date from a string with named groups.

const pattern = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/g;
const text = 'shipped 2026-05-21, scheduled 2026-06-30';

for (const m of text.matchAll(pattern)) {
  console.log(m.groups.year, m.groups.month, m.groups.day);
  // → 2026 05 21
  // → 2026 06 30
}

// Same regex, used in a replace with $<name> templates:
text.replace(pattern, '$<day>/$<month>/$<year>');
// → 'shipped 21/05/2026, scheduled 30/06/2026'

// With the /d flag, every match carries [start, end] indices
// per capture group — the Matches panel uses this to paint offsets.
const p2 = /(?<year>\d{4})-(?<month>\d{2})/gd;
const m = [...text.matchAll(p2)][0];
m.indices.groups.year; // [8, 12]

Fitur Utama

Contoh Terkerjakan

[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}

/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g

(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})

/(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/g

(\w+) (\w+)

Penggantian: $2, $1   →   Jack Doe → Doe, Jack

[ \t]+$

/[ \t]+$/gm

(a+)+b

Teks uji: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaac

[,;|]\s*

alpha, beta; gamma | delta → ["alpha", "beta", "gamma", "delta"]

Cara Menggunakan Penguji Regex

1. 1

   Ketik pola Anda di antara garis miring

   Jatuhkan ekspresi reguler ECMA-262 apa pun ke bidang /…/. Pola yang buruk disorot merah dengan pesan parser; pola yang valid melanjutkan ke pencocokan langsung.

2. 2

   Aktifkan/matikan flag yang Anda butuhkan

   g (global), i (case-insensitive), m (multiline), s (dotAll), u (unicode), y (sticky), d (indeks). Setiap chip menyala ketika aktif; tampilan baca di kanan pola menunjukkan literal kanonik.

3. 3

   Tempel teks uji Anda

   Kecocokan disorot dalam warna bergantian saat Anda mengetik. Panel Kecocokan & grup tangkap di sebelah kanan mendaftar setiap kecocokan dengan offset [start, end) dan nilai setiap grup tangkap (grup bernama dilabeli $<name>).

4. 4

   Beralih tab untuk Ganti, Pisah, atau Jelaskan

   Ganti pratinjau template substitusi berdampingan dengan masukan. Pisah mengiris di setiap batas kecocokan. Jelaskan memecah pola token-per-token dengan deskripsi berbahasa-sederhana per elemen.

5. 5

   Salin literal atau bagikan permalink

   Salin /pattern/flags menjatuhkan literal regex kanonik ke clipboard Anda untuk penggunaan langsung di JavaScript / TypeScript / Node. Salin tautan mengkodekan state penuh ke hash URL (tanpa unggah) sehingga kolega dapat mereproduksinya secara lokal.

Kesalahan Regex yang Umum

Pola: /\d+/  →  '1 22 333' menghasilkan hanya ['1']

Pola: /\d+/g  →  '1 22 333' menghasilkan ['1', '22', '333']

Pola: /<.+>/  →  mencocokkan '<a> and <b>'

Pola: /<[^>]+>/  →  mencocokkan '<a>' dan '<b>' secara terpisah

Pola: /(a+)+b/  pada 'aaaaaaaaaaaaaaaaaaaaac'  →  timeout

Pola: /a+b/  pada masukan yang sama  →  instan 'tidak ada kecocokan'

Pola: /^Error/  pada log multi-baris tanpa /m  →  mencocokkan hanya baris pertama

Pola: /^Error/m  pada masukan yang sama  →  mencocokkan setiap baris yang dimulai dengan Error

text.replace(/(\w+)/, m => '$1')  →  menghasilkan literal '$1'

text.replace(/(\w+)/, (_, g1) => g1.toUpperCase())  →  menggunakan tangkapan

Pola: /\w+/  mencocokkan 'hello' tetapi tidak 'héllo' atau '你好'

Pola: /\p{Letter}+/u  mencocokkan ketiganya

Pola: (?i)foo  →  SyntaxError: grup tidak valid

Pola: foo dengan flag /i diaktifkan  →  efek yang sama

Siapa yang Menggunakan Alat Ini

Validasi Masukan Formulir Sebelum Pengiriman

Konfirmasikan regex email / telepon / kode pos / username Anda mencocokkan apa yang Anda harapkan — dan menolak apa yang tidak — di seluruh kasus tepi (nama unicode, plus-aliasing, format internasional) sebelum validasi mencapai produksi dan memantulkan pengguna nyata.

Ekstrak Data dari Log dan Config

Bangun pola yang menarik ID permintaan, kode status, latensi, atau baris stack-trace dari irisan log sembarang. Grup bernama membuat data mendokumentasi-diri; panel Kecocokan menunjukkan offset sehingga Anda dapat menyalurkan regex yang sama ke rg --replace atau grep -oE setelahnya.

Cari/Ganti Lintas Basis Kode

Susun draf pola refactor (mis. (\w+)\.apply\(null,\s*\[(.*?)\]\) → $1($2)) di sini, pratinjau substitusi terhadap cuplikan representatif, lalu tempel regex yang divalidasi ke cari/ganti seluruh-proyek editor Anda dengan percaya diri.

Periksa Kewarasan Pola yang Ditemukan Online

Menempel regex dari StackOverflow atau blog? Jatuhkan ke tab Jelaskan — setiap token dianotasi dalam bahasa Inggris sederhana. Menangkap masalah halus (.+? di mana Anda menginginkan .+, anchor ^/$ yang hilang, quantifier yang tidak sengaja serakah) sebelum regex mendarat di kode Anda.

Ajarkan Regex ke Rekan Tim

Buka tab Jelaskan pada pola yang berfungsi dan telusuri token-per-token. Pengkodean warna (escape / quantifier / character class / grup / anchor / alternasi) memungkinkan pelajar melihat bentuk struktural regex, bukan hanya karakternya.

Porting Pola Antar Bahasa

Memiliki regex Python atau PCRE yang perlu Anda gunakan di JavaScript? Tempel di sini. Jika terurai, penjelas menunjukkan semantik setara-JS; jika tidak, error parser menamai konstruksi yang menyinggung (grup atomik, quantifier posesif, (?i) inline) sehingga Anda tahu persis apa yang harus ditulis ulang.

Debug Regex Produksi yang Lambat

Jika sebuah regex server diduga melakukan catastrophic backtracking, tempel ke penguji ini dengan sampel masukan. Penjaga wall-clock 250ms menyala pada kasus patologis, memberi Anda diagnosis langsung sebelum Anda menjangkau alat profiler — dan penjelas menunjuk pada akar masalah quantifier-bersarang.

Catatan Engine & Algoritma

Engine RegExp ECMA-262 (Peramban Native)

Menggunakan new RegExp(pattern, flags) dan engine yang dikirimkan dengan V8 / JavaScriptCore / SpiderMonkey — semantik regex yang sama yang Anda dapatkan di JavaScript di mana saja. Pola yang divalidasi di sini berjalan tanpa perubahan di Node.js, Deno, Bun, dan setiap peramban modern.

Iterasi Kecocokan via String.matchAll

Iterasi global menggunakan text.matchAll(regex) alih-alih loop lastIndex manual, sehingga setiap kecocokan membawa grup tangkapnya, grup bernama, dan (dengan /d) indeks [start, end]. Kecocokan lebar-nol ditangani dengan kenaikan lastIndex +1 standar untuk menghindari infinite loop.

Timeout Wall-Clock untuk Perlindungan ReDoS

Anggaran 250 milidetik membungkus setiap pemanggilan match, replace, dan split. Engine masih dapat backtrack secara internal pada satu upaya kecocokan, tetapi iterasi luar bekerja sama dengan anggaran — pola patologis dibatalkan dengan timedOut: true dan UI memunculkan peringatan alih-alih mengunci tab.

Reimplementasi Template Penggantian

Tab Ganti mengurai $1..$N, $&, $, $', $$, dan $<name> secara manual alih-alih mendelegasikan ke String.replace`, sehingga pratinjau berperilaku identik lintas engine (Safari lama, Node lama) di mana template grup-bernama memiliki kasus tepi. Output adalah persis apa yang dihasilkan engine JavaScript saat ini.

Tokenizer Pola untuk Penjelas

Tab Jelaskan menjalankan tokenizer tulisan-tangan yang mengklasifikasikan setiap fragmen pola (escape / metakarakter / quantifier / character class / pembuka-grup / penutup-grup / anchor / alternasi). Konstruksi yang tidak dikenal jatuh ke literal dengan catatan generik sehingga penjelas tidak pernah secara diam-diam menjatuhkan konten.

Permalink melalui Hash URL (Tidak Pernah Dikirim)

State bagikan dikodekan dalam fragmen location.hash (#p=…&f=…&t=…&tab=…). Peramban tidak pernah mengirimkan fragmen dalam permintaan HTTP, sehingga server go-tools.org menerima nol data ketika permalink dibuka. Hidrasi terjadi sepenuhnya di perangkat penerima.

Praktik Terbaik Regex

Berlabuhkan Pola Saat Anda Bermaksud Begitu

^pola$ mencocokkan string tepat; pola mencocokkan di mana saja. Pilihan yang salah adalah bug paling umum dalam validasi formulir: ^ yang hilang membiarkan attacker.com/ di depan lolos dari pemeriksaan domain; $ yang hilang membiarkan sampah tertinggal lewat. Gunakan tab Cocok terhadap sampel yang sengaja rusak untuk mengonfirmasi apa yang ditolak.

Pilih Grup Non-Tangkap untuk Struktur Murni

(?:foo|bar)+ dan (foo|bar)+ secara fungsional identik, tetapi yang pertama tidak mengalokasikan grup tangkap. Jangkau (?:…) kapan pun grup hanya ada untuk quantifier atau alternasi — menjaga $1..$N bernomor Anda stabil dan menghemat sedikit pekerjaan engine.

Gunakan Flag /u untuk Apa Pun di Luar ASCII

Tanpa /u, titik dan \w memperlakukan karakter pasangan-surrogate (emoji, code point non-BMP) sebagai dua unit UTF-16. Dengan /u, mereka adalah satu code point masing-masing — apa yang akan dipersepsikan pengguna Anda. /u juga mengaktifkan \p{Letter} dan property escape lainnya. Default ke /u untuk pola baru kecuali Anda memiliki alasan khusus untuk tidak melakukannya.

Beri Nama Grup Tangkap Anda

(?<year>\d{4})-(?<month>\d{2}) mendokumentasi-diri. Enam bulan kemudian ketika Anda membaca regex kembali, m.groups.year jelas adalah tahun — m[1] tidak. Template penggantian dengan $<name> juga bertahan dari penataan ulang grup: template posisional rusak begitu seseorang menambahkan grup lain.

Uji Kasus Kegagalan, Bukan Hanya Sukses

Penguji regex adalah untuk kegagalan. Konfirmasikan apa yang dicocokkan pola Anda, lalu sengaja mutasi teks uji untuk melihat apa yang tidak — spasi-putih di depan, spasi-putih tertinggal, bagian yang hilang, bagian ekstra, huruf yang salah, aksara campuran. Pola yang lulus masukan valid tetapi menerima sampah adalah bug yang pertama kali dipaparkan produksi.

Pertanyaan yang Sering Diajukan