Array reduce di Javascript

Fungsi reduce() digunakan untuk mengeksekusi setiap nilai pada array yang akan menghasilkan satu nilai saja. Pada setiap iterasi ia akan mengembalikan nilai kalkukasi hasil dari iterasi sebelumnya. Untuk lebih mudah memahaminya kita dapat membuat fungsi untuk menjumlahkan seluruh nilai pada array.

const array1 = [1, 2, 3, 4];
const reducer = (previousValue, currentValue) => previousValue + currentValue;

// 1 + 2 + 3 + 4
console.log(array1.reduce(reducer));
// expected output: 10

Pada potongan kode diatas kita lihat bahwa variabel array1 memiliki nilai di dalamnya 1, 2, 3, dan 4. Kemudian didefinisikan fungsi reducer:

const reducer = (previousValue, currentValue) => previousValue + currentValue;

Fungsi diatas akan mengembalikan nilai hasil penjumlahan antara nilai sebelumnya dan nilai pada saat iterasi berlangsung. Berikut penjelasannya.

Pada iterasi yang pertama:

previousValue: 0 (pertama kali iterasi nilai previousValue akan sama dengan 0)

currentValue: 1

hasil penjumlahan: 0 + 1 = 1

Pada iterasi yang kedua:

previousValue: 1 (sesuai dengan hasil penjumlahan sebelumnya)

currentValue: 2

hasil penjumlahan: 1 + 2 = 1

Sampai seluruh iterasi dilakukan nilainya akan menjadi 10. Jangan lupa untuk memanggil fungsi reducer yang telah kita buat, misal dalam contoh ini adalah array1.reduce(reducer)