FILTER PADA JAVASCRIPT

Filter adalah salah satu metode yang sangat berguna dalam JavaScript untuk memproses data dalam array. Dengan filter, kamu bisa mendapatkan elemen-elemen yang memenuhi kondisi tertentu dari sebuah array.

Cara Kerja Filter

Metode filter() membuat array baru dengan semua elemen yang lolos dari pengujian yang diimplementasikan oleh fungsi yang disediakan. Berikut adalah sintaks dasar untuk menggunakan filter:

array.filter(callback(element[, index[, array]])[, thisArg])

• callback adalah fungsi untuk menguji setiap elemen dalam array.
• element adalah elemen yang sedang diproses dalam array.
• index adalah indeks elemen yang sedang diproses (opsional).
• array adalah array yang sedang diproses (opsional).
• thisArg adalah nilai yang dipakai sebagai this saat mengeksekusi callback (opsional).

Contoh Penggunaan

Misalkan kita memiliki array angka dan ingin memfilter hanya angka-angka yang lebih besar dari 10.

const numbers = [5, 12, 8, 130, 44];
const filteredNumbers = numbers.filter(number => number > 10);

console.log(filteredNumbers);
// Output: [12, 130, 44]

Dalam contoh ini, numbers.filter memanggil fungsi callback (number => number > 10) pada setiap elemen numbers. Hasilnya adalah array baru yang berisi angka-angka yang lebih besar dari 10.

Kegunaan Filter

Filter sangat berguna dalam berbagai skenario, baik dalam pemrosesan data sederhana maupun kompleks. Beberapa contohnya:

• Menyaring data: Mengambil subset data yang memenuhi kriteria tertentu.
• Validasi: Memfilter elemen yang memenuhi kondisi validasi.
• Pencarian: Mengambil item-item yang cocok dengan kondisi pencarian.

Contoh Lain

Berikut adalah contoh lain untuk memfilter array objek. Misalkan ada daftar siswa, dan kita ingin memfilter siswa yang lulus (nilai lebih dari atau sama dengan 60).

const students = [
  { name: 'Alice', score: 50 },
  { name: 'Bob', score: 75 },
  { name: 'Charlie', score: 80 }
];

const passedStudents = students.filter(student => student.score >= 60);

console.log(passedStudents);
// Output: [ { name: 'Bob', score: 75 }, { name: 'Charlie', score: 80 } ]

Dalam contoh ini, students.filter memanggil fungsi callback (student => student.score >= 60) pada setiap elemen students. Hasilnya adalah array baru yang hanya berisi siswa yang lulus.

Kesimpulan

Metode filter dalam JavaScript sangat kuat dan fleksibel. Kamu bisa menggunakannya untuk berbagai keperluan pemrosesan data dalam array dengan sangat efisien. Dengan memahami cara kerjanya, kamu dapat memanfaatkan filter untuk membuat kode JavaScript yang lebih bersih dan lebih mudah dipelihara.