Cara menggunakan looping array di javascript

 array:1 [▼
  0 => array:3 [▼
    "code" => "jne"
    "name" => "Jalur Nugraha Ekakurir (JNE)"
    "costs" => array:3 [▼
      0 => array:3 [▼
        "service" => "OKE"
        "description" => "Ongkos Kirim Ekonomis"
        "cost" => array:1 [▼
          0 => array:3 [▼
            "value" => 42000
            "etd" => "4-5"
            "note" => ""
          ]
        ]
      ]
      1 => array:3 [▼
        "service" => "REG"
        "description" => "Layanan Reguler"
        "cost" => array:1 [▼
          0 => array:3 [▼
            "value" => 48000
            "etd" => "2-3"
            "note" => ""
          ]
        ]
      ]
      2 => array:3 [▼
        "service" => "YES"
        "description" => "Yakin Esok Sampai"
        "cost" => array:1 [▼
          0 => array:3 [▼
            "value" => 104000
            "etd" => "1-1"
            "note" => ""
          ]
        ]
      ]
    ]
  ]
] 

 $('#kurir').change(function(){
    var kurirID = $(this).val();    
    if(kurirID){
        $.ajax({
           type:"GET",
           url:"{{url('checkout/kurir')}}?kurir_id="+kurirID,
           success:function(res){               
            if(res){
                $("#ongkir").prop('disabled', false);
                $("#ongkir").empty();
                $("#ongkir").append('');
       
                $.each(res,function(key,value){
                    
                    $("#ongkir").append('');
                
                });
           
            }else{

               $("#ongkir").empty();
            }
           }
        });
    }else{
         $("#ongkir").prop('disabled', true);
        $("#ongkir").empty();
        $("#ongkir").append('');
    }      
   }); 

 public function getKurirList(Request $request)
    {
    	
    	
    	
    	
    	
    		$data = RajaOngkir::Cost([
	'origin' 		=> 419, // id kota asal
	'destination' 	=> 114, // id kota tujuan
	'weight' 		=> 1700, // berat satuan gram
	'courier' 		=> 'jne', // kode kurir pengantar ( jne / tiki / pos )
])->get();
    		
    		
    		return response()->json($data);
    	
    	
    } 

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 :

1

2

3

4

5

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

1

console.log(Murid)

hasilnya juga adalah array object, seperti ini :

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

1

2

3

4

5

6

7

8

9

10

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,

Bagaimana membuat perulangan saat di javascript?

Apa yang dimaksud dengan looping di javascript?

Apa yang harus diperhatikan dalam menggunakan for loop?

Foreach di javascript untuk apa?