Looping Data Array/Object Dengan Map() Javascript

Hai teman-teman semuanya, apa kabar? masi tetap dalam keadaan sehat? kita lanjut langi ya belajarnya, pada pembahasan kali ini kita akan belajar tentang looping data array object dengan map() javascript.

map() adalah sebuah method yang digunakan untuk mengolah setiap element di array/object dan kemudian menghasilkan array/object baru, jadi nanti hasil pengembalian nilainya berupa array juga, nah untuk lebih jelasnya kita langsung saja praktek, sekrang silahakan teman-teman ketikan script berikut ini :

var Murid = [
	  {nama: 'Indah', usia: 20 },
	  {nama: 'Bayu', usia: 27 },
	  {nama: 'Rizal',usia: 23 }
	];

Saya mempunya sebuah variabel array object yang dimana apabila kita cetak pada console.log

console.log(Murid)

hasilnya juga adalah array object, seperti ini :

Nah sekarang kita akan coba looping dengan menggunakan map() seperti script berikut ini:

var Murid = [
	  {nama: 'Indah', usia: 20 },
	  {nama: 'Bayu', usia: 27' },
	  {nama: 'Cici', usia: 23 }
	];
	var nama = Murid.map(function(elem){
	  return elem.nama;
	});

	console.log(nama)

Jika saya melooping variable Murid dengan map lalu saya console.log variable map() nya maka data yang dihasilnya adalah array :

Meskipun nilai yang kita map adalah array object setelah kita map akan menghasilkan array baru.

Gimana teman-teman cukup mudah bukan, untuk tutorial kali ini tentang looping data array object dengan map() javascript saya rasa cukup sampai sini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

terima kasih