Memahami Metode Filter pada Array di JavaScript
Metode filter() dalam JavaScript adalah salah satu metode yang sangat berguna untuk memanipulasi array. Metode ini memungkinkan kita untuk membuat array baru yang berisi hanya elemen-elemen yang memenuhi kriteria tertentu.
Cara Kerja Metode filter()
Metode filter() menerima sebuah fungsi sebagai argumen, yang disebut callback function. Fungsi ini akan dieksekusi untuk setiap elemen dalam array asli.
Berikut adalah struktur dasar penggunaan metode filter():
const newArray = originalArray.filter(callbackFunction);
Callback function menerima tiga argumen:
- Element saat ini: Ini adalah elemen array yang sedang diproses.
- Index: Ini adalah indeks elemen saat ini dalam array.
- Array: Ini adalah array asli yang diiterasi.
Callback function harus mengembalikan nilai boolean (true atau false). Jika fungsi mengembalikan true, maka elemen tersebut akan dimasukkan ke dalam array baru. Jika fungsi mengembalikan false, elemen tersebut akan diabaikan.
Contoh Penggunaan Metode filter()
1. Menyaring Angka Genap:
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const evenNumbers = numbers.filter(number => number % 2 === 0);
console.log(evenNumbers); // Output: [2, 4, 6, 8, 10]
2. Menyaring Nama yang Dimulai dengan Huruf "A":
const names = ["Alice", "Bob", "Charlie", "David", "Emily"];
const namesStartingWithA = names.filter(name => name.startsWith("A"));
console.log(namesStartingWithA); // Output: ["Alice"]
3. Menyaring Objek berdasarkan Properti:
const products = [
{ name: "Apple", price: 1.5 },
{ name: "Banana", price: 0.75 },
{ name: "Orange", price: 1.25 },
];
const expensiveProducts = products.filter(product => product.price > 1);
console.log(expensiveProducts); // Output: [{ name: "Apple", price: 1.5 }, { name: "Orange", price: 1.25 }]
Keuntungan Menggunakan Metode filter()
- Lebih mudah dibaca dan dipahami: Kode yang menggunakan metode
filter()lebih mudah dibaca dan dipahami dibandingkan dengan menggunakan loop biasa. - Lebih efisien: Metode
filter()dirancang untuk menjadi efisien dalam memanipulasi array. - Lebih fleksibel: Metode
filter()dapat digunakan untuk berbagai macam tujuan, seperti menyaring berdasarkan nilai, properti, atau kondisi lainnya.
Kesimpulan
Metode filter() merupakan alat yang sangat berguna untuk memanipulasi array di JavaScript. Dengan metode ini, kita dapat membuat array baru yang berisi hanya elemen-elemen yang memenuhi kriteria tertentu dengan cara yang mudah dan efisien.