Array: Penggunaan method reduce()

Kali ini kita akan mempelajari tentang reduce sebuah fungsi yang digunakan untuk memanipulasi array. namun sebelum ke coding menggunakan reduce kita mulai dengan defenisinya terlebih dahulu.

Jika anda mencoba melakukan translate kata reduce dengan menggunakan google translate maka akan didapati reduce = mengurangi/menurunkan. yang dimaksud bukan mengurangi nilai dengan reduce yah. jadi kita langsung saja ke defenisi yang coba saya buat semoga membuat anda menjadi paham.

Reduce adalah sebuah fungsi yang digunakan untuk mengeksekusi nilai pada setiap element dengan tipe array dan menampilkan dalam sebuah nilai saja.

const myArray = [5, 10, 20]

const reducer = myArray.reduce((total, jumlah) => total + jumlah)

console.log(reducer)

Perhatikan kode diatas bahwa melakukan reduce yang semulanya array dengan [5,10,20] saya jumlahkan menjadi sebuah nilai tunggal yaitu di peroleh 35 hasil perjumlahan 5+10+20.

Cara kerja reduce dari kiri ke kanan, seperti contoh diatas reduce akan melakukan penjumlahan dari element pertama array kemudian ke element seterusnya.

Syntak

arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])
  • arr = array yang akan di reduce
  • callback = fungsi yang memanggil setiap nilai pada element array untuk di eksekusi dalam reduce
  • acumulator = adalah parameter pertama dari fungsi callback, ini diperlukan reduce sebagai inisial dari nilai reduce yang akan ditampilkan. paratemer ini juga sebagai akumuliasi nilai-nilai setiap element array. saya ambil contoh dari kode diatas, bahwa total sebagai akumulator penjumlahan setiap element array.
  • currentValue = adalah nilai tiap element array sumber atau nilai aray yang akan diberlakukan kedalam fungsi reduce
  • index = adalah index array, parameter ini adalah optional
  • array = adalah array sumber, parameter ini bersifat optional
  • initialValue = dapat digunakan sebagai parameter pertama pada fungsi callback, jika intialValue tidak di deklarasikan, maka secara otomatis reduce akan mengambil element pertama pada array kemudian menjadikannya sebagai initial value

Cara Kerja Reduce

jika anda masih bingung saya saya akan membuat gambaran bagaimana cara reduce bekerja.

const myArray = [5, 10, 20]

const reducer = myArray.reduce((acumulator, currentValue) => acumulator + currentValue, initialValue = 10)

console.log(reducer) // output -> 45 

Perhatikan kode berikut output adalah 45 dan cara kerjanya tersedia pada tabel berikut ini.

dan untuk alurnya saya coba gambarkan sebagai berikut

  • Proses yang pertama
  • Proses yang kedua
  • Proses yang ketiga
  • Proses terakhir

Demikian alur proses dengan penggunaan reduce semoga mudah untuk dipahami.


Bila Array Tanpa Nilai

Fungsi reduce tidak akan terjadi, tidak akan dieksekusi apabila array tidak memiliki nilai. dan yang terjadi adalah error. ini yang harus menjadi perhatian anda

Mengambil nilai pada objek array

Dalam penjulahan dengan objek harum membuat atau mendeklarasikan initial value.

Berikut ini adalah contoh berikutnya

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