
Sandi Rahasia Pemecah Teks
Sebagai programmer, kamu sering berurusan dengan validasi data masukan dari user. Misalkan kamu membuat form pendaftaran. Bagaimana cara kodemu tahu bahwa yang diketik user di kolom email (misal: "budi@mail") itu formatnya salah karena kurang ekstensi .com?
Jika kamu menggunakan logika If-Else dan For-Loop biasa, kodenya akan berpuluh-puluh baris panjangnya. Di sinilah RegEx (Regular Expression) digunakan. RegEx adalah deretan karakter khusus yang membentuk sebuah Pola Pencarian (Search Pattern).
Contoh Membaca Regex Sederhana
RegEx memang terlihat seperti teks yang diketik oleh kucing yang berjalan di atas keyboard. Tapi sebenarnya ia sangat logis. Mari kita bedah contoh sederhana ini: /^[0-9]{4}$/
/ ... /→ Tanda kurung miring ini adalah penanda awal dan akhir dari sebuah perintah Regex di JavaScript.^→ Artinya "Harus dimulai dengan..."[0-9]→ Artinya karakter yang diizinkan HANYA angka 0 sampai 9 (tidak boleh huruf).{4}→ Artinya jumlah karakternya HARUS tepat 4 digit (tidak kurang, tidak lebih).$→ Artinya "Harus diakhiri di sini."
Maka, Regex di atas adalah mantra ajaib untuk mengecek: "Apakah inputan ini adalah sebuah PIN 4 Digit Angka murni?". Jika inputnya 1234, Regex akan menjawab True. Jika inputnya 12A4 atau 12345, Regex akan menjawab False.
Kapan Harus Memakai Regex?
- Validasi Form Ekstrim: Mengecek apakah Password user mengandung minimal 1 huruf besar, 1 angka, dan 1 simbol (
/^(?=.*[A-Z])(?=.*\d)(?=.*[\W_]).{8,}$/). - Find and Replace (Cari & Ganti): Misalkan kamu ingin menghapus semua tag HTML dari sebuah teks artikel agar tersisa teks murninya saja.
- Filter Sensor: Menyensor kata-kata kasar secara otomatis pada fitur komentar blog.
Tidak Perlu Dihafal!
Kabar baik untuk pemula: Hampir tidak ada programmer yang menghafal Regex di luar kepala!
Kamu tidak perlu menghafal rumus validasi Email atau No. KTP. Ribuan programmer sebelummu sudah memecahkan rumus tersebut. Saat kamu butuh, kamu tinggal mencari di Google: "Regex validation email JS". Setelah dapat, uji coba (test) kode regex tersebut di website seperti Regex101.com untuk melihat bagaimana pola itu bekerja secara visual.
Mau langsung pakai template?
Jelajahi template gratis dan premium di TampilKit untuk mempercepat proses development project kamu.
Browse Templates