Visualisasi Regex
Visualisasikan pola regex sebagai Diagram Railroad.
Sorotan pencocokan langsung pada string uji.
🔒Regex dan string uji tidak pernah dikirim ke server apa pun. ※ Diagram Railroad menggunakan Regulex (CDN).
Tentang
Alat pengembang yang merender ekspresi reguler sebagai Diagram Railroad (diagram sintaks) dan menampilkan hasil pencocokan langsung. regex-checker yang ada hanya mendukung pengujian pola. Alat ini dirancang khusus untuk memvisualisasikan struktur regex — fitur yang sepenuhnya terpisah.
Cara Pakai
Masukkan Regex
Ketik pola dan atur flag. Coba tombol contoh untuk memulai.
Baca Diagram
Diagram Railroad memvisualisasikan struktur regex sebagai aliran jalur.
Uji & Ekspor
Masukkan string uji untuk melihat pencocokan langsung, lalu ekspor diagram SVG.
Glosarium
- Ekspresi Reguler (Regex)
- Bahasa formal untuk mendeskripsikan pola teks. Dalam JavaScript, ditulis sebagai /pola/flag.
- Diagram Railroad
- Representasi visual sintaks/tata bahasa. Menampilkan percabangan, pengulangan, dan urutan sebagai jalur terarah.
- Capture Group
- Tanda kurung () yang menangkap teks yang cocok untuk referensi balik atau penggantian melalui $1, $2, dll.
- Quantifier
- Menentukan pengulangan: * (0+), + (1+), ? (0 atau 1), {n,m} (n hingga m kali).
- Character Class
- [ ] cocok dengan karakter yang terdaftar mana saja. [a-z] = huruf kecil, [^0-9] = non-digit.
- Lookahead / Lookbehind
- (?=...) dan (?<=...) menegaskan kondisi di depan/belakang pencocokan tanpa mengonsumsi karakter.
- Flag (g/i/m/s/u)
- g=global, i=tidak peka huruf besar, m=multiline, s=dotAll, u=mode Unicode.
FAQ
- Q.Apa bedanya dengan regex-checker?
- regex-checker berfokus pada pengujian dan tampilan pencocokan. Fitur utama alat ini adalah visualisasi Diagram Railroad.
- Q.Sintaks regex mana yang didukung?
- Sintaks regex JavaScript ES2024, termasuk lookahead, lookbehind, dan named capture group.
- Q.Apakah data saya dikirim ke server?
- Tidak. Semua pemrosesan bersifat lokal di browser Anda.
- Q.Apakah ada risiko ReDoS?
- Pola yang backtracking secara katastropik dapat memperlambat browser. Uji dengan string kecil terlebih dahulu.
- Q.Apakah memerlukan internet?
- Library Diagram Railroad dimuat dari CDN. Fitur pengujian pencocokan bekerja secara offline.
Kasus Penggunaan
Belajar Regex
Pahami pola kompleks secara visual dengan melihat struktur sebagai diagram.
Men-debug Pola
Verifikasi bahwa pola terstruktur sesuai keinginan sebelum digunakan dalam kode produksi.
Dokumentasi Tim
Bagikan diagram SVG dalam pull request atau dokumen teknis untuk menjelaskan logika regex.
Diagram Spesifikasi API
Sematkan diagram SVG dalam dokumen spesifikasi untuk kejelasan.
Kirim Umpan Balik
Beri tahu kami pendapat Anda untuk membantu kami menyempurnakan alat ini.
Umpan balik sementara ditangguhkan
Server sedang sibuk atau perlindungan spam aktif. Silakan coba lagi nanti.