Metode JavaScript Array reduce()

Definisi dan penggunaan

reduce() Metode mengurangi array menjadi nilai tunggal.

reduce() Metode melaksanakan fungsi yang disediakan untuk setiap nilai dalam array (dari kiri ke kanan).

Nilai kembalian fungsi disimpan di akumulator (hasil/total).

Keterangan:Tidak melaksanakan fungsi untuk elemen array tanpa nilai. reduce() Metode.

Keterangan:reduce() Metodenya tidak akan mengubah array asli.

Contoh

Contoh 1

Mulai mengurangi angka dalam array:

var numbers = [175, 50, 25];
document.getElementById("demo").innerHTML = numbers.reduce(myFunc);
function myFunc(total, num) {}}
  return total - num;
}

Coba Sendiri

Contoh 2

Rata-rata semua angka dalam array dan tampilkan total:

<button onclick="myFunction()">Coba</button>
<p>Jumlah angka dalam array: <span id="demo"></span></p>
<script>
var numbers = [15.5, 2.3, 1.1, 4.7];
function getSum(total, num) {
  return total + Math.round(num);
}
function myFunction(item) {
  document.getElementById("demo").innerHTML = numbers.reduce(getSum, 0);
}
</script>

Coba Sendiri

Sintaksis

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

Nilai parameter

Parameter Deskripsi
function(total, currentValue, index, arr) Diperlukan. Fungsi yang dijalankan untuk setiap elemen dalam array.

Parameter fungsi:

Parameter Deskripsi
total Diperlukan. initialValue, atau nilai yang kembali dari fungsi sebelumnya.
currentValue Diperlukan. Nilai elemen saat ini.
index Pilihan. Indeks array elemen saat ini.
arr Pilihan. Objek array milik elemen saat ini.
initialValue Pilihan. Nilai awal yang di Passing ke fungsi.

Detil Teknis

Nilai kembalian: Kembalikan hasil akumulasi yang terakhir yang dipanggil fungsi callback.
Versi JavaScript: ECMAScript 5

Dukungan Peramban

Angka di tabel menunjukkan versi peramban pertama yang mendukung metode ini.

Semua peramban mendukung sepenuhnya reduce() Metode:

Chrome IE Edge Firefox Safari Opera
Chrome 3 IE 9 Edge 12 Firefox 3 Safari 5 Opera 10.5
Juni 2009 September 2010 Juli 2015 Januari 2009 Juni 2010 Maret 2010

Halaman yang berhubungan

Panduan:JavaScript Array

Panduan:Array Const JavaScript

Panduan:Metode Array JavaScript

Panduan:Menata Array JavaScript

Panduan:Iterasi Array JavaScript

Panduan:Metode Array.reduceRight()