Uji regular expression dengan sorotan kecocokan beranimasi.
Terakhir diperbarui
Coddy mengajarimu dengan menulis kode sungguhan di browser: pelajaran interaktif, umpan balik instan, dan bantuan AI saat kamu buntu.
Regex tester memungkinkan kamu mengetik regular expression dan langsung melihat apa yang dicocokkannya di teks contoh. Developer memakai regex (regular expression) untuk memvalidasi input, mengambil data dari string, mencari di log, membersihkan teks, membuat perintah editor, dan menulis aturan cari-dan-ganti.
Regex terasa membingungkan pada awalnya karena beberapa simbol membawa banyak makna. Tester langsung membuatnya lebih mudah dipahami: setiap karakter yang kamu ketik memperbarui kecocokan yang disorot dan capture group-nya, jadi kamu bisa bereksperimen sampai polanya bekerja persis seperti yang kamu mau.
Bahasa pemrograman yang berbeda memakai mesin regex yang sedikit berbeda (JavaScript, PCRE, Python, Java, Go, .NET). Dasar-dasarnya, yaitu karakter, character class, quantifier, anchor, dan group, berlaku di mana saja. Fitur lanjutan (lookbehind, named group, possessive quantifier) adalah tempat mesin-mesin itu mulai berbeda.
\d+ cocok dengan deretan digit, tapi tidak tahu apakah angkanya masuk akal.g mencari setiap kecocokan, i mengabaikan huruf besar dan kecil, m membuat ^ dan $ cocok dengan akhir baris, s membuat . cocok dengan baris baru.(...) mengambil bagian dari sebuah kecocokan, bukan hanya memeriksa apakah seluruh string cocok. Ini sangat penting untuk parsing.? membuatnya *lazy* (mencocokkan sesedikit mungkin).Masukkan regular expression di kolom pola. Jangan sertakan garis miring / di kedua sisinya, karena itu sintaks literal JavaScript, bukan bagian dari polanya.
Biasanya kamu butuh g (cari semua kecocokan) dan i (tidak peka huruf besar dan kecil). Pakai m untuk anchor per baris dan s supaya . cocok dengan baris baru.
Taruh teks contoh di area uji. Kecocokan langsung disorot saat kamu mengetik, dan capture group ditampilkan di bawah daftar kecocokan.
Setiap kecocokan menampilkan posisinya, teks lengkapnya, dan group yang tertangkap. Pakai ini untuk memastikan polanya menangkap yang kamu mau dan melewatkan yang tidak.
Perketat quantifier, tambahkan anchor (^, $), atau escape karakter literal (\., \?) sampai kecocokan dan group-nya persis seperti yang dibutuhkan kodemu.
80% regex yang akan kamu pakai 99% dari waktu. Simpan halaman ini, karena inilah cara tercepat untuk mengingat sintaksnya. Untuk tata bahasa lengkapnya, lihat panduan regular expression di MDN.
| Token | Arti | Contoh |
|---|---|---|
. | Satu karakter apa pun (kecuali baris baru) | a.c cocok dengan abc, a-c |
\d \D | Digit / bukan digit | \d+ cocok dengan 123 |
\w \W | Karakter kata (huruf/digit/_) / bukan karakter kata | \w+ cocok dengan hello_1 |
\s \S | Whitespace / bukan whitespace | \s+ cocok dengan spasi dan tab |
[abc] | Salah satu dari a, b, atau c | [aeiou] cocok dengan satu huruf vokal |
[^abc] | Bukan a, b, maupun c | [^0-9] cocok dengan selain digit |
* + ? | 0+, 1+, 0 atau 1 dari yang sebelumnya | a+ cocok dengan a, aaa |
{n} {n,m} | Tepat n / antara n dan m | \d{3,5} 3 sampai 5 digit |
^ $ | Awal / akhir string (atau baris dengan m) | ^Error baris yang diawali Error |
(...) | Capture group | (\d+) menangkap digitnya |
(?:...) | Group tanpa capture | (?:foo|bar) group tanpa menangkap |
a|b | Alternasi: a atau b | yes|no |
\b | Batas kata | \bcat\b cocok dengan cat, bukan cats |
^[\w.+-]+@[\w-]+\.[\w.-]+$learner@coddy.tech
Pola ini menangkap bentuk dasar something@something.something. Validasi email di dunia nyata jauh lebih longgar dari ini. Untuk formulir, lebih baik pakai type="email" dan pemeriksaan di server.
\d+Lesson 12 has 3 tasks and 2 quizzes.
Dengan flag g, pola ini menemukan setiap deretan digit: 12, 3, 2. \d+ adalah cara regex mengatakan "satu digit atau lebih".
/users/(\d+)/users/42/profile
Kecocokan lengkapnya adalah /users/42, dan capture group (\d+) hanya mengambil 42. Dengan capture group, kamu benar-benar bisa *memakai* hasil regex di kode.
<.+><.+?><b>hello</b>
Versi greedy mencocokkan seluruh string <b>hello</b> karena .+ mengambil sebanyak mungkin. Versi lazy (+?) berhenti di > pertama, jadi hanya mencocokkan <b> dan </b>.
., ?, +, (, ), [, ], {, }, \, ^, $, |. Kalau maksudmu karakter itu apa adanya, beri awalan \..* secara greedy sehingga mencocokkan jauh lebih banyak dari yang dimaksud. Ganti dengan .*? atau character class yang lebih spesifik.g lalu bingung kenapa hanya kecocokan pertama yang disorot.Regex adalah singkatan dari *regular expression*, yaitu bahasa pola ringkas untuk mencocokkan teks. Gagasan yang sama ada di hampir setiap bahasa pemrograman serta banyak editor dan tool command line.
\d, \w, [abc]) dan quantifier (*, +, ?, {n,m}). Pakai regex tester untuk mencoba berulang kali sampai polanya cocok persis dengan kasus yang kamu mau.\w di regex?\w cocok dengan karakter kata, yaitu huruf, digit, atau garis bawah. \W adalah kebalikannya (karakter apa pun yang bukan karakter kata). Kumpulan tepatnya bergantung pada mesin regex dan flag Unicode..* mencocokkan sebanyak mungkin. Ganti dengan quantifier lazy (.*?) atau pakai character class yang lebih spesifik supaya berhenti di tempat yang kamu mau.re di Python, Java, Go, dan .NET masing-masing mendukung flag dan fitur lanjutan yang sedikit berbeda (dukungan lookbehind, named group, possessive quantifier).Ya, secara bertahap. Mulailah dengan literal, character class, quantifier, anchor, flag, dan capture group. Simpan lookaround, named group, dan regex kondisional untuk nanti.
