Pelajari ekspresi reguler JavaScript lengkap untuk mencari teks dan mengganti teks menggunakan Regular Expression (RegEx).
Ekspresi Reguler JavaScript Lengkap untuk Pemula
Pembukaan
Ekspresi reguler (Regular Expression / RegEx) JavaScript digunakan untuk mencari, mencocokkan, dan mengganti pola teks dalam string. RegEx sangat penting dalam pengembangan website modern karena digunakan untuk:
Validasi email
Monitoring log server
Filter analytic camera
Pencarian data CCTV
Validasi form login
Dalam sistem profesional seperti Haikal IT Support, RegEx digunakan untuk filtering log jaringan, validasi IP address, analytic detection, dan monitoring server realtime.
Berikut penjelasan lengkap ekspresi reguler JavaScript.
1. Cari Ekspresi dalam String
Gunakan search() dengan Regular Expression.
Contoh Kode
let text = "Server CCTV Online";
let hasil = text.search(/CCTV/);
console.log(hasil);
Hasil Demo
7
Penjelasan
search()mencari posisi teks./CCTV/adalah pola RegEx.Hasil
7berarti kata ditemukan pada index ke-7.
Struktur Dasar Regular Expression
Contoh Kode
/pola/
Penjelasan
RegEx ditulis di antara:
/Digunakan untuk pencarian pola teks.
Pencarian Tidak Sensitif Huruf Besar Kecil
Gunakan flag i.
Contoh Kode
let text = "server cctv online";
let hasil = text.search(/CCTV/i);
console.log(hasil);
Hasil Demo
7
Penjelasan
iberarti:ignore case
2. Cari Ekspresi dan Gantikan
Gunakan replace().
Contoh Kode
let text = "Server CCTV Offline";
let hasil = text.replace(/Offline/, "Online");
console.log(hasil);
Hasil Demo
Server CCTV Online
Penjelasan
replace()mengganti teks berdasarkan pola RegEx.
Mengganti Semua Kata Sekaligus
Gunakan flag g.
Contoh Kode
let text = "CCTV CCTV CCTV";
let hasil = text.replace(/CCTV/g, "Camera");
console.log(hasil);
Hasil Demo
Camera Camera Camera
Penjelasan
gberarti:globalSemua kata diganti.
Menggunakan match()
match() mencari teks yang cocok.
Contoh Kode
let text = "Analytic Camera System";
let hasil = text.match(/Camera/);
console.log(hasil);
Hasil Demo
["Camera"]
Penjelasan
Mengembalikan array hasil pencarian.
Menggunakan test()
test() mengecek apakah pola ditemukan.
Contoh Kode
let pola = /Server/;
console.log(pola.test("Server Online"));
Hasil Demo
true
Penjelasan
Menghasilkan Boolean:
true
false
Menampilkan RegEx di HTML
Contoh Kode
<!DOCTYPE html>
<html>
<body>
<h2 id="demo"></h2>
<script>
let text = "CCTV Offline";
let hasil = text.replace(/Offline/, "Online");
document.getElementById("demo").innerHTML =
hasil;
</script>
</body>
</html>
Hasil Demo
CCTV Online
Flag Regular Expression
| Flag | Fungsi |
|---|---|
i | Ignore case |
g | Global search |
m | Multiline |
Penyebab Error Regular Expression
Beberapa kesalahan umum:
Salah penulisan pola
Kurang
/Salah penggunaan flag
Menggunakan RegEx pada undefined
Cara Mengatasi Error RegEx
1. Gunakan Format yang Benar
Salah:
"CCTV"
Benar:
/CCTV/
2. Gunakan Flag Jika Dibutuhkan
Contoh Kode
/cctv/i
Penjelasan
Agar pencarian tidak sensitif huruf besar kecil.
3. Gunakan test()
Contoh Kode
/Server/.test("Server Online");
Hasil Demo
true
Contoh Kasus
Kasus:
Dashboard monitoring perlu mengganti status CCTV otomatis.
Solusi:
Gunakan replace().
Contoh Kode
let status = "CCTV Offline";
let hasil = status.replace(/Offline/, "Online");
console.log(hasil);
Hasil Demo
CCTV Online
Tips Tambahan
Gunakan RegEx untuk validasi input.
Gunakan
guntuk replace semua teks.Gunakan
iuntuk pencarian fleksibel.Gunakan
test()untuk validasi cepat.
Internal Link
Artikel terkait di Haikal IT Support:
String JavaScript
Fungsi JavaScript
Penanganan Kesalahan JavaScript
Variabel JavaScript
Dasar JavaScript
Kesimpulan
Ekspresi reguler JavaScript digunakan untuk mencari, memvalidasi, dan mengganti pola teks dalam aplikasi modern. JavaScript menyediakan fitur seperti search(), replace(), match(), dan test() untuk mempermudah pengolahan string.
Pemahaman Regular Expression sangat penting dalam pengembangan dashboard monitoring CCTV, analytic camera system, server management, dan network system profesional di Haikal IT Support.
