DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

ARRAY FILTER ES6

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.

Pengertian Array Filter di Javascript ES6

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].

Prinsip Kerja Metode Filter

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 trueataufalse` untuk setiap elemen individu.

  1. Jika fungsi callback mengembalikan true, elemen tersebut akan dimasukkan ke dalam array baru.
  2. Jika fungsi callback mengembalikan 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.

Manfaat Array Filter

Metode filter() sangat bermanfaat dalam berbagai kasus penggunaan dengan array, termasuk:

  • Mengambil data yang relevan dari array besar data
  • Mencetak daftar item tertentu dari daftar yang lebih besar
  • Membuat transformasi atau perubahan tipe data pada array

Penting untuk Diingat

Beberapa poin penting tentang metode filter():

  1. Metode filter() tidak merubah array asli.
  2. Metode filter() membuat array baru, jadi jika tidak ada elemen yang lolos uji, maka akan mengembalikan array kosong.
  3. Jika kamu menyebutkan metode 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!

👈🏼 Spread operator ES6
Array map es6 👉🏼