Menggunakan Fungsi Filter untuk Pencarian Data Real-time

Saat membangun aplikasi dashboard, kita sering kali perlu menyaring data tanpa memuat ulang halaman. Fungsi filter() pada JavaScript memungkinkan kita menyaring elemen array berdasarkan kriteria tertentu secara cepat. Dipadukan dengan toLowerCase(), fitur pencarian akan menjadi lebih fleksibel dan tidak kaku terhadap huruf kapital.

const daftarProduk = [
    { id: 1, nama: 'Laptop Pro' },
    { id: 2, nama: 'Mouse Wireless' },
    { id: 3, nama: 'Keyboard Mechanical' }
];

const cari = 'mouse';
const hasil = daftarProduk.filter(item => 
    item.nama.toLowerCase().includes(cari.toLowerCase())
);

console.log(hasil); 
// Output: [{ id: 2, nama: 'Mouse Wireless' }]