Alat developer / 20
Penjelas Token Regex & Penganalisis Pola
Urai ekspresi reguler JavaScript menjadi penjabaran token yang mudah dipahami untuk grup tangkap, kelas karakter, dan kuantifier.
Penjelas Token Regex & Penganalisis Pola: TOEA mengurai pola ekspresi reguler menjadi token AST individual dan menghasilkan deskripsi berbahasa sederhana untuk tiap komponen. Berjalan 100% lokal di browser Anda tanpa upload file ke server.
- Kategori
- Tools developer
- Dijalankan
- Di browser Anda
- Biaya
- Gratis · tanpa daftar
- Ketersediaan
- Siap digunakan
Berjalan sepenuhnya di browser Anda
Penjelasan Token Pola
| Token | Kategori | Penjelasan |
|---|---|---|
/i | Flag Regex | Flag yang aktif: pencocokan tanpa membedakan huruf besar-kecil. |
^ | Anchor | Mencocokkan awal string atau baris. |
( | Grup | Memulai grup capturing #1. |
[a-z0-9_\.-] | Kelas Karakter | Mencocokkan satu karakter apa pun di dalam set karakter [a-z0-9_\.-]. |
+ | Kuantifier | Mencocokkan 1 atau lebih token sebelumnya (greedy). |
) | Grup | Mengakhiri grup capturing atau non-capturing. |
@ | Literal | Mencocokkan karakter literal '@'. |
( | Grup | Memulai grup capturing #2. |
[\da-z\.-] | Kelas Karakter | Mencocokkan satu karakter apa pun di dalam set karakter [\da-z\.-]. |
+ | Kuantifier | Mencocokkan 1 atau lebih token sebelumnya (greedy). |
) | Grup | Mengakhiri grup capturing atau non-capturing. |
\. | Kelas Karakter / Escape | Karakter escape '.' |
( | Grup | Memulai grup capturing #3. |
[a-z\.] | Kelas Karakter | Mencocokkan satu karakter apa pun di dalam set karakter [a-z\.]. |
{2,6} | Rentang Kuantifier | Mencocokkan jumlah rentang eksplisit {2,6}. |
) | Grup | Mengakhiri grup capturing atau non-capturing. |
$ | Anchor | Mencocokkan akhir string atau baris. |
Berbagai fungsi tanda tanya
Arti ? berubah sesuai posisinya. Setelah karakter atau group, tanda ini menjadikannya opsional: colou?r. Setelah quantifier lain, tanda ini membuat quantifier tersebut lazy dan mencocokkan sesedikit mungkin: <.+?> berhenti di > pertama, sedangkan <.+> terus hingga yang terakhir dalam baris. Di awal group, tanda ini memperkenalkan sintaks khusus: (?:…) membuat group tanpa capture, (?=…) dan (?!…) melakukan lookahead, sedangkan (?<name>…) memberi nama pada group. Baca ? bersama bagian yang tepat berada sebelumnya.
Shorthand class hanya mendukung ASCII
Dalam JavaScript, \d hanya mencocokkan 0–9, sedangkan \w hanya mencocokkan huruf Latin tanpa aksen, angka, dan garis bawah. Jadi, \w+ menemukan caf dalam café, dan \b menganggap huruf beraksen sebagai batas kata. Untuk teks dalam bahasa lain, gunakan class properti Unicode seperti [\p{L}\p{N}_]+ dengan flag u. Uji pola yang telah diperbaiki terhadap contoh teks nyata di regex tester.
Escape dalam pola dan string
Empat belas karakter memiliki makna khusus dan memerlukan backslash agar dicocokkan secara literal: . * + ? ^ $ { } ( ) | [ ] \, ditambah / di dalam literal /…/. Pola yang dibuat dari string dengan new RegExp memerlukan setiap backslash ditulis dua kali, sehingga \d+ menjadi "\\d+". Pola yang berfungsi sebagai literal tetapi tidak dari string biasanya kehilangan backslash di suatu tahap.
Cara menggunakannya
- Ketik atau tempel ekspresi reguler JavaScript (mis. /^[a-z0-9]+$/i).
- Klik Explain Regex.
- Tinjau tabel rincian yang menjelaskan anchor, character class, group, dan flag.
Privasi & batasan
Parsing dan penjelasan regex berlangsung sepenuhnya di dalam browser Anda.
Alat terkait
Pertanyaan umum
Fitur regex mana yang dijelaskan?
Menjelaskan anchor (^, $), character class (d, w, s, [a-z]), quantifier (*, +, ?, {m,n}), capture group, dan flag.
Apakah memvalidasi sintaks regex?
Ya, error sintaks akan terdeteksi dan dilaporkan seketika.
Alat gratis · berjalan di browser anda · tanpa perlu akun