Array: Penggunaan method filter()

Ssesuai dengan namanya function filter. Berarti menyaring / menyeleksi setiap element array berdasarkan kriteria yang telah di tentukan.

Filter akan membuat sebuah array baru yaitu array yang dibentuk merupakan hasil dari penyeleksian array sumber. Dan setiap element pada array baru nilainya berdasarkan fungsi callback yang telah di tentukan.

Function filter ini tidak akan dieksekusi apabila array tidak memiliki element, serta filter tidak akan mengubah sumber array yang digunakan.

Syntak

syntak filter sebagai berikut:

const newArray = arr.filter(callback(element[, index[, array]])[, thisArg])

callaback : adalah fungsi untuk memanggil setiap element pada array. Kemudian menyeleksi nilai yang telah di tentukan. Pada fungsi callback terdapat 3 argument.

element : adalah element array yang diseleksi.

index : penggunaannya optional dan menyatakan index pada element array

array : penggunaannya adalah optional dan menyatakan array yang digunakan oleh method filter().

thisArg: penggunaannya optional dan nilai ini digunakan pada saat eksekusi fungsi callback.

Contoh dan Mekanisme kerja filter()

untuk lebih jelasnya anda dapat perhatikan kode ini. Dan seperti biasa saya akan membuatkan simulasi cara kerja fungsi filter.

// array sumber 
const numbers = [30, 5, 17]

// membuat kriteria menampilkan number > 10 
// pada fungsi callback. 
const hasil = numbers.filter(number => number > 10)

// membuat array baru 
// menampilkan hasil [30, 17]
console.log(hasil)

Berikut ini adalah cara kerja dari kode diatas.

  • Function callback mengecek element pertama. Karena 30 lebih dari 10 maka akan di tampilkan kedalam element baru.
  • Callback melanjutkan pengecekan keelemen yang kedua. Dikarenakan 5 tidak lebih dari 10 oleh karena itu tidak ditampilkan pada element baru.
  • Dan callback melanjutkan ke element terakhir. Nilai dielement terakhir adalah 17. Dikarenakan 17 lebih dari 10 maka nilai 17 akan di tampilkan pada element baru.

Begitulah cara kerja dari method filter. Semoga bermanfaat dan kita akan membahas method yang disediakan oleh array.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s