Tips dan Trik: Cara Mudah Menghitung Jumlah Nilai dalam Array dengan JavaScript untuk Membuat Aplikasi yang Lebih Baik

Tips dan Trik: Cara Mudah Menghitung Jumlah Nilai dalam Array dengan JavaScript untuk Membuat Aplikasi yang Lebih Baik

Tips dan Trik: Cara Mudah Menghitung Jumlah Nilai dalam Array dengan JavaScript untuk Membuat Aplikasi yang Lebih Baik


Ngulik Kode - Dalam tutorial kali ini kita akan belajar 2 cara menjumlahkan nilai pada array di JavaScript.

  1. Menggunakan for Loop
  2. Menggunakan method reduce()
Bagaimana cara menjumlahkan Array pada JavaScript?

Contoh 1 - Menggunakan for Loop untuk menjumlahkan Array di JavaScript
for Loop adalah metode perulangan yang bisa kita gunakan untuk menjumlahkan array. Kita dapat menggunakannya untuk menambahkan semua angka dalam array dan menyimpannya pada variabel JavaScript.

Penjelasan: 
Pada line 1 kita akan membuat variabel berupa array yang berisi angka-angka, angkanya bebas terserah kalian ya. Kita buat lagi variabel dibawah line 1, kita isi saja nilainya 0. 

Nah pada line 3 ini kita akan melakukan perulangan hingga memenuhi kondisi yang telah dibuat menggunakan metode for Loop. for Loop ini memiliki tiga ekspresi.
for (ekspresi 1; ekspresi 2; ekspresi 3) {
    // kode yang akan dieksekusi
}

Ekspresi 1 diisi dengan nilai dari variabel. Ekspresi 1 akan dieksekusi hanya satu kali.

Ekspresi 2 ini adalah kondisi. Jika kondisi di dalam ekspresi ini benar, maka pengulangan akan berjalan, jika salah maka perulangan akan gagal/tidak berjalan.

Ekspresi 3 akan memperbarui nilai dari Ekspresi 1 jika kondisi dari Ekspresi ke 2 ini benar.

Perulangan ini akan terus berjalan hingga kondisi dalam Ekpresi ke 2 ini bernilai false atau salah.

Pada line 3 di ekpresi 1 kita membuat variabel i dengan nilai 0, lalu ekspresi 2 kita mengkondisikan apabila nilai dari variabel i kurang dari panjang angka yang ada dalam variabel array di line 1, maka ekspresi 3 akan menjalankan penambahan (++) pada variabel i yang ada di ekspresi 1.

Di line 4, yaitu apa yang akan kita ulang hingga memenuhi hasil. Disini kita akan mengulang variabel sum pada line 2 hingga mendapatkan nilai yang kita inginkan. Operator += pada line 4 sama saja seperti sum = sum + array[i]. Artinya nilai sum akan terus bertambah sesuai hingga memenuhi kondisi dari ekspresi 2.

sum = 0 + array[0];

//output: 1

sum = 1 + array[1];

//output: 3

sum = 3 + array[2];

//output: 6

sum = 6 + array[3];

//output: 10

sum = 10 + array[4];

//output: 15

Nah, sudah ketemu diakhir ekspresi ke 2 karena nilai i sudah sama dengan panjang dari variabel array dan hasil akhir jika kita log nilai dari variabel sum adalah 15.

 

Contoh 2 - Menggunakan method reduce() untuk menjumlahkan Array di JavaScript
Kalian dapat menggunakan metode reduce() dalam JavaScript untuk menemukan atau menghitung jumlah array angka.

metode reduce() dalam JavaScript menjalankan fungsi reducer yang ditentukan pada setiap value array yang menghasilkan nilai single output, contoh:

Penjelasan:
Pada line 1 kita membuat variabel berupa array berisi angka-angka, angkanya bebas terserah kalian.
Lalu pada line 4 kita membuat variabel yang berguna untuk menyimpan nilai dari hasil reduce kita. Kemudian kita panggil variabel array bersamaan dengan method reduce, array.reduce(callbackFn, initialValue).

Method reduce() ini memiliki beberapa parameter, tapi saya tidak akan menjelaskan semuanya. Kita akan memakai 3 parameter saja seperti pada contoh di atas.
reduce(function(previousValue, currentValue)) {
    //kode yang akan dieksekusi
}, initialValue);
previousValue adalah nilai yang dihasilkan dari panggilan sebelumnya ke callback function.
currentValue adalah nilai dari elemen saat ini.
initalValue (optional) jika initialValue ini ditentukan, maka ini akan jadi nilai untuk previousValue. Jika nilai initialValue tidak ditentukan, maka previousValue akan menggunakan nilai awal dari variable array di line 1 dan currentValue menggunakan nilai ke 2 pada variabel array di line 1.

Cukup sampai disini untuk pembahasan mengenai cara menjumlahkan nilai yang ada di dalam array pada JavaScript. Semoga artikel ini bermanfaat. Jangan lupa bagikan artikel ini ke teman-teman kalian. Jika kalian bingung atau mendapatkan error silahkan komentar dibawah.
Cara Cek Nilai Array Sama Atau Tidak Dengan Array yang Lain Pada JavaScript

Cara Cek Nilai Array Sama Atau Tidak Dengan Array yang Lain Pada JavaScript

Cara Cek Nilai Array Sama Atau Tidak Dengan Array yang Lain Pada JavaScript

Ngulik Kode - Pada tutorial kita kali ini, kita akan belajar bagaimana mengecek jika sebuah array berisi nilai dari array yang lain pada javascript. Saya menemukan sintaks yang pendek nan ringkas ini untuk mencocokkan semua atau beberapa nilai antara dua Array atau apakah nilai tersebut ada di dalam Array yg lain.

Kita akan menggunakan operator some dan operator includes. Ini adalah salah satu cara yang mudah dan cepat untuk memeriksa apakah suatu nilai dalam array ada di dalam array yang lain. Oke langsung saja ke contohnya.


Contoh 1:

Operator OR akan mencari apakah ada nilai array2 di dalam array1. Cara ini akan mengembalikan nilai TRUE jika salah satu nilai dalam array tersebut sama.

Contoh 2:
Operator AND akan mencari apakah semua elemen array2 ada di dalam array1. Cara ini akan mengembalikan nilai TRUE jika semua nilai dalam array tersebut sama.

Bagaimana? Sangat simple bukan? Semoga artikel ini bermanfaat. Jangan lupa bagikan juga ke teman-teman kalian ya. Jika ada kebingungan silahkan bertanya di kolom komentar.