← JavaScript60 / 69

URLSearchParams

Mengurai query string secara manual dengan split rapuh dan mudah salah. URLSearchParams menanganinya dengan benar, termasuk encoding karakter khusus. Dipakai untuk filter dan pencarian yang bisa di-bookmark serta dibagikan. Objek URLSearchParams juga bisa diubah lalu ditempel kembali ke alamat halaman, sehingga hasil filter tetap benar ketika pengguna menekan tombol kembali.

👀 Contoh dulu

const p = new URLSearchParams('?kategori=kopi&urut=harga');

console.log(p.get('kategori'));
console.log(p.get('tidakAda'));    // null kalau tidak ada
console.log(p.has('urut'));

p.set('halaman', '3');             // tambah/ubah parameter
console.log(p.toString());

Hasilnya: kopi null true kategori=kopi&urut=harga&halaman=3

💡 Jauh lebih aman daripada split('&') manual, karena menangani encoding karakter khusus seperti spasi dan & otomatis.

📝 Sekarang giliranmu

Buat URLSearchParams dari string '?q=sepatu&halaman=2', lalu tampilkan nilai q dan halaman memakai .get().

Preview

← Sebelumnya Berikutnya →