DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

ARRAY REDUCE ES6

Pelajari cara menggunakan metode reduce() pada Array di JavaScript ES6 untuk melakukan operasi pada setiap item dalam array dan menguranginya menjadi nilai tunggal.

Metode Array reduce() di JavaScript ES6 adalah alat yang sangat kuat yang bisa kamu gunakan untuk memproses dan mengurangi nilai-nilai dalam array menjadi satu nilai tunggal. Ini bisa sangat berguna, misalnya, ketika kamu menghitung nilai total dari data angka dalam array atau mengkombinasikan array string.

Sintaks dari reduce()

Berikut adalah sintaks umum dari metode reduce():

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

Mari kita uraikan bagian-bagiannya:

  • total: Ini adalah nilai awal atau nilai akumulasi yang telah diperhitungkan oleh fungsi reduksi. Ini akan menjadi hasil akhir setelah semua elemen telah diproses oleh reduce().
  • currentValue: Ini adalah elemen array saat ini.
  • currentIndex(opsional): Ini adalah indeks elemen array saat ini.
  • arr(opsional): Ini adalah array yang metode reduce() dipanggil.
  • initialValue(opsional): Nilai untuk mulai menyatukan array. Jika tidak ditentukan, pengurangan akan mulai dari elemen pertama.

Contoh penggunaan reduce()

Mari kita lihat contoh sederhana:

let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(total, num) {
  return total + num;
});
console.log(sum);  // Output: 15

Pada contoh ini, metode reduce() digunakan untuk menambahkan semua angka di dalam array. Hanya dua argumen yang diberikan ke fungsi; total dan num (array saat ini). nilai inisial tidak diberikan, jadi total dimulai sebagai elemen pertama dari array (1), dan kemudian dihitung.

Menggunakan nilai awal

Kamu juga bisa memberikan nilai awal ke metode reduce(), seperti ini:

let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(total, num) {
  return total + num;
}, 10);
console.log(sum);  // Output: 25

Pada contoh ini, total dimulai sebagai 10, dan kemudian setiap angka dalam array ditambahkan ke total.

Metode JavaScript ES6 Array reduce() adalah alat yang sangat kuat dalamarsenal setiap pengembang. Dengan penggunaan yang tepat, itu dapat menghemat waktu dan membuat kode kamu lebih bersih dan lebih mudah dibaca. Selalu pastikan untuk mencobanya setiap saat kamu perlu “mengurangi” nilai-nilai di dalam array menjadi satu nilai output.

👈🏼 Array map es6
Apa itu DOM Javascript 👉🏼