Sum Array Tanpa Looping Javascript

Tutorial kali ini akan membahas bagaimana menjumlahkan array tanpa menggunakan looping.

Jika biasanya teman-teman menjumlahkan array dengan looping seperti dibawah ini.

let harga = [5000,1000,2000,6000];
let total = 0;
for(var i=0;i<harga.length;i++){
  total += harga[i];
}
console.log(total)

Javascript memiliki method array method bernama reduce yang biasa digunakan untuk mengakumulasikan nilai di dalam array.

Method reduce* memiliki struktur syntax kurang lebih seperti ini :

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
  1. total ini merupakan parameter wajib,berisi initialValue pada awal lalu bertambah-tambah dengan currentValue
  2. currentValue ini juga parameter wajib,berisi nilai dari element array.
  3. currentIndex opsional parameter,berisi index dari element array.
  4. arr opsional parameter,berisi array itu sendiri
  5. initialValue nilai awal ,biasanya 0

Yang umum digunakan hanya total dan currentValue.Untuk penamaan parameter tidak harus sama.

Contoh penggunaan reduce untuk kasus sebelumnya.

let harga = [5000,1000,2000,6000];
let total = harga.reduce((val, nilaiSekarang)=>{
    return val + nilaiSekarang
},0)
console.log(total)

Selain itu reduce juga bisa digunakan untuk array object seperti dibawah ini.

let siswa = [
  {kelas:"A",jumlah:50},
  {kelas:"B",jumlah:40},  
  {kelas:"C",jumlah:45}  
] 
let total = siswa.reduce((val, element)=>{
    return val + element.jumlah
},0)
console.log(total)

Jika ada yang kurang dipahami dari tutorial diatas,bisa ditanyakan dibawah,jangan diatas juga ,gak ada kolom komentarnya.