DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Belajar cara menggunakan metode filter pada array di Javascript ES6 untuk memanipulasi data array dan memperoleh hasil yang diinginkan.
Metode filter pada array di Javascript ES6 adalah salah satu fitur yang sangat berguna. Metode ini akan memungkinkan kamu untuk membuat array baru dari array yang sudah ada. Fitur ini dapat membantu kamu untuk memfilter nilai-nilai dari array jika mereka memenuhi kriteria tertentu yang ditentukan dalam fungsi callback kamu.
Metode filter()
di Javascript mengembalikan array baru yang berisi elemen-elemen yang lolos uji implementasi yang disediakan oleh fungsi yang kamu letakkan sebagai argumen saat memanggil metode filter()
.
const array1 = [1, 2, 3, 4];
const filtered = array1.filter(num => num > 2);
console.log(filtered);
Dalam contoh di atas, metode filter()
dipanggil pada array1, dan array baru yang dibuat hanya mencakup angka yang lebih besar dari 2. Jadi, hasil dari kode ini akan [3, 4].
Bagaimana sebenarnya metode filter()
bekerja?
Metode filter() akan melakukan iterasi (atau bergerak) melalui setiap elemen dalam array. Untuk setiap elemen, ia akan memanggil fungsi callback yang kamu berikan sebagai argumen ketika memanggil metode
filter(). Fungsi callback ini diharapkan mengembalikan nilai
trueatau
false` untuk setiap elemen individu.
true
, elemen tersebut akan dimasukkan ke dalam array baru.false
, elemen tersebut tidak akan dimasukkan ke dalam array baru.const array1 = [1, 2, 3, 4];
const filtered = array1.filter(num => num % 2 === 0);
console.log(filtered);
Dalam contoh di atas, fungsi callback memeriksa apakah suatu angka adalah genap. Jika iya, maka ia akan mengembalikan true
dan angka maka akan dimasukkan ke dalam array baru. Hasilnya adalah [2,4], yang merupakan angka genap.
Metode filter()
sangat bermanfaat dalam berbagai kasus penggunaan dengan array, termasuk:
Beberapa poin penting tentang metode filter()
:
filter()
tidak merubah array asli.filter()
membuat array baru, jadi jika tidak ada elemen yang lolos uji, maka akan mengembalikan array kosong.filter()
tanpa argumen, ia akan mengembalikan array kosong. Karena tanpa argumen, tidak ada uji yang dapat dilewati elemen array.Sekarang kamu sudah belajar tentang metode filter()
pada Javascript ES6. Kamu sudah siap untuk mengeksplorasi lebih dalam dan mencoba metode ini dengan code kamu sendiri!