Table of Contents
URL: https://www.progressiverobot.com/js-filter-array-method-id/
Pengantar
Metode larik filter() membuat larik baru bersama elemen yang termasuk dalam kriteria yang ditentukan dari larik yang ada:
var numbers = [1, 3, 6, 8, 11];
var lucky = numbers.filter(function(number) {
return number > 7;
});
// [ 8, 11 ]
Contoh di atas mengambil larik numbers dan mengembalikan larik terfilter yang baru bersama nilai-nilai yang lebih besar dari tujuh saja.
Sintaks filter
var newArray = array.filter(function(item) {
return condition;
});
Argumen <^>item<^> adalah referensi ke elemen saat ini di larik karena filter() memeriksanya terhadap <^>condition<^>. Ini berguna untuk mengakses properti, dalam hal objek.
Jika <^>item<^> saat ini menyalurkan syarat, ia akan dikirim ke larik baru.
Menyaring larik objek
Kasus penggunaan umum .filter() adalah bersama larik objek melalui propertinya:
var heroes = [
{name: “Batman”, franchise: “DC”},
{name: “Ironman”, franchise: “Marvel”},
{name: “Thor”, franchise: “Marvel”},
{name: “Superman”, franchise: “DC”}
];
var marvelHeroes = heroes.filter(function(hero) {
return hero.franchise == “Marvel”;
});
// [ {name: “Ironman”, franchise: “Marvel”}, {name: “Thor”, franchise: “Marvel”} ]
Sumber Daya Tambahan
Untuk detail selengkapnya tentang filter() lihat Referensi MDN.
Filter hanya salah satu dari beberapa metode iterasi terhadap Larik di JavaScript, bacalah Cara Menggunakan Metode Iterasi Larik di JavaScript untuk mempelajari tentang metode lain seperti map() dan reduce().
