ByteCompress

Penguji Regex

Penguji Regex memungkinkan Anda menguji pola RegExp secara langsung di browser tanpa data dikirim ke server. Alat ini mendukung mode pencocokan, penggantian, dan pemisahan dengan tampilan indeks dan grup tangkapan.

0 chars
0 chars
FreeClient-sideNo signup

Penguji Regex adalah alat berbasis browser yang menggunakan mesin RegExp JavaScript asli untuk menguji pola reguler secara instan. Dengan dukungan bendera g, i, m, dan s, Anda dapat melihat hasil pencocokan lengkap termasuk grup bernama dan indeks posisi. Karena proses berjalan sepenuhnya di sisi klien, privasi data tetap terjaga tanpa perlu mengunggah konten ke server. Alat ini sangat membantu pengembang dan desainer untuk validasi pola, serta dapat dipadukan dengan alat lain seperti Diff Checker untuk membandingkan teks dan Json Validator untuk validasi data JSON.

Cara Menggunakan Penguji Regex

  1. Masukkan pola RegExp Anda di input pola, misalnya ^(\w+)@(\w+).com$.
  2. Pilih mode operasi: match untuk pencocokan, replace untuk penggantian teks, atau split untuk pemisahan string.
  3. Masukkan teks sumber yang akan diuji pada input teks.
  4. Aktifkan bendera RegExp seperti g (global), i (case-insensitive), m (multiline), atau s (dotAll) sesuai kebutuhan.
  5. Hasil akan langsung ditampilkan dengan detail posisi kecocokan, grup tangkapan, dan hasil penggantian (jika dipilih).

Cara Kerja Penguji Regex

Penguji Regex memanfaatkan mesin RegExp bawaan browser yang diimplementasikan dalam JavaScript. Pola yang Anda masukkan dikompilasi menjadi objek RegExp menggunakan konstruktor RegExp. Mode pencocokan menggunakan metode exec() untuk mendapatkan semua kemunculan dengan indeks dan grup. Mode penggantian memakai replace() dengan string pengganti yang mendukung referensi grup, sedangkan mode pemisahan menggunakan split() untuk menghasilkan array hasil. Semua proses ini berjalan secara lokal di browser tanpa mengirim data ke server, sehingga menjaga keamanan dan privasi data Anda.

Contoh Penggunaan

Pola: ^(\w+)@(\w+).com$
Teks: [email protected]
Mode: match
Bendera: i

Hasil:
- Cocok pada indeks 0-15
- Grup 1: 'user'
- Grup 2: 'example'

Kapan Menggunakan Penguji Regex

  • Pengembang web ingin melakukan validasi input form dengan pola email, nomor telepon, atau format khusus lain.
  • Desainer front-end yang membutuhkan pengujian pola untuk manipulasi string dalam JavaScript atau CSS content.
  • Spesialis SEO yang ingin mengekstrak atau memodifikasi URL dan metadata menggunakan ekspresi reguler.
  • Mahasiswa atau pelajar yang belajar tentang regex dan ingin melihat hasil langsung dan detail dari pola yang dibuat.
  • Ketika Anda perlu membandingkan hasil manipulasi string dengan alat lain seperti Diff Checker atau memvalidasi data JSON dengan Json Validator.

Pertanyaan Umum

Apakah data yang saya masukkan dikirim ke server saat menggunakan Penguji Regex?

Tidak, semua proses pengujian pola RegExp berlangsung sepenuhnya di sisi klien menggunakan mesin RegExp JavaScript browser. Data Anda tidak pernah dikirim atau disimpan di server, sehingga privasi terjaga.

Bagaimana cara menggunakan bendera <code>g</code>, <code>i</code>, <code>m</code>, dan <code>s</code> pada pola regex?

Anda dapat mengaktifkan bendera tersebut sebelum menjalankan pengujian. g akan mencari semua kemunculan pola, i membuat pencocokan tidak peka huruf besar/kecil, m mengubah perilaku ^ dan $ agar mendukung multiline, dan s memungkinkan titik (.) mencocokkan karakter newline.

Apakah Penguji Regex mendukung grup bernama dalam pola?

Ya, alat ini mendukung grup bernama yang didefinisikan dengan sintaks (?...). Hasil pengujian akan menampilkan grup bernama lengkap dengan nilai yang ditemukan.

Bisakah saya menggunakan Penguji Regex untuk mengganti teks menggunakan referensi grup?

Tentu, mode replace menggunakan metode replace() JavaScript yang memungkinkan Anda menyisipkan referensi grup seperti $1, $2, dan seterusnya untuk mengganti bagian tertentu dari teks sesuai pola.

Bagaimana cara melihat posisi indeks dari kecocokan regex?

Setelah menjalankan pola, alat akan menampilkan indeks awal dan akhir setiap kecocokan pada teks sumber, sehingga Anda bisa mengetahui secara tepat posisi substring yang cocok.