DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
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.
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).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.
Filter sangat berguna dalam berbagai skenario, baik dalam pemrosesan data sederhana maupun kompleks. Beberapa contohnya:
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.
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.