SESI 37 - ARRAY PADA JAVASCRIPT : FOREACH n MAP

Dua method forEach dan map → digunakan untuk melakkan looping pada array. Hal ini lebih keren dari for biasa, dengan menggunakan kedua method ini kita bisa melakukan sesuatu pada elemen-elemen yang ada di dalam array secara otomatis.

6. forEach

Contoh:

var angka = [1,2,3,5,6,7,8,];

for (var i=0; i>angka.length; i++){

       console.log(angka[i]);

}

untuk menggunakan forEach

contoh:

var angka = [1,2,3,4,5,6,7,8,];

     //Di dalamnya bisa dibuat fungsi di dalam kurung () 

angka.forEach(function(e){

      console.log(e);

});

Artinya  array dibuat dengan method forEach dengan function ekspresi untuk tiap-tiap elemennya, misal elemennya kita tulis e.

Maksudnya kode di atas yaitu sama seperti for tetapi forEach yaitu untuk setiap elemen yang ada pada array angka, lakukan fungsi berikut ini. Kerennya kita perlu menentukan index, loopin berapa kali, tidak perlu increment. Atau bisa dibuat seperti ini:

var angka = [1,2,3,4,5,6,7,8,];

var cetak = function(e){

       console.log(e);

}

angka.forEach(cetak);

Hasilnya sama jadi di tampilan console browser

Contoh lain:

var nama = ['Riventus','Armandus','Hamonangan'];

nama.forEach(function(e,i){ console.log('Mahasiswa ke-'+(i+1)+' adalah '+e);});

e = elemennya, i = untuk indexnya

jadi parameternya ada 2.

Maka console dibrowser akan tampil => Mahasiswa ke-1 adalah Riventus ,dst.

7. Map
Untuk map = sama seperti forEach, tetapi lebih baik karena map ini mengembalikan array sedangkan forEach tidak. Contoh:
var angka = [1,2,5,8,3,7,6];
angka.map(function(e){ console.log(e);});

Karena method map mengembalikan isi array maka jika dibuat seperti di atas maka dengan sedikit modifikasi, yaitu:
var angka = [1,2,5,8,3,7,6];
var angka2 = angka.map(function(e){ return e*2;});
console.log(angka2.join());

8. Sort → Mengurutkan isi array
Contoh:
var angka = [1,2,5,8,3,7,6];
angka.sort();
console.log(angka.join(' ')); → angka akan diurutkan dari terkecil hingga terbesar

Jika memakai angka puluhan :
var angka = [1,2,10,5,20,3,6,8,4];
angka.sort(function(a,b){return a-b;});
console.log(angka.join(' '));

Dibuat fungsi karena untuk membandingkan angka pertama dengan angka setelahnya / angka kedua menggunakan fungsi ekspresi. Jika tidak maka javascript akan mengurutkan berdasarkan angka di bagian awal. silahkan coba sendiri menggunakan fungsi dan tanpa fungsi. Lihat perbedaannya.