Javascript Foreach Loop Array – Para pengguna Codeigniter pasti sudah tidak asing lagi dengan perintah foreach. Ya, perintah ini sering digunakan pada view untuk meng explode array sehingga dapat ditampilkan. Tentu saja kali ini saya tidak akan membahas tentang foreach dengan menggunakan php, tetapi kali ini saya akan membahas fungsi javascript foreach terutama ketika menggunakan framework jquery.
Ketika menggunakan Codeigniter, sering kali ketika diharuskan untuk menampilkan data dari database, kita sering menggunakan perintah result(), dengan perintah ini, nantinya di view akan menggunakan perintah foreach untuk meng explode array yang hasilkan dengan perintah result() di atas. Lain kondisinya jika kita menginginkan untuk menampilkan data yang dihasilkan dengan menggunakan javascript foreach loop dengan jquery framework. Misal ketika kita memanggil function controller yang berisi data array dengan menggunakan javascript kita menggunakan perintah ajax seperti di bawah ini:
$.ajax({
type: "POST",
url: url'',
success: function(hasil){
//result;
},
dataType: "json"
});
Hasil output dari controller yang dipanggil lewat url akan didefinisikan sebagai variabel hasil. Untuk meng explode array yang dihasilkan dengan menggunakan ajax ini adalah dengan perintah forEach. Sehingga nantinya kode lengkapnya adalah:
$.ajax({
type: "POST",
url: 'url',
success: function(hasil){
hasil.forEach(function(hasils) {
//result;
});
},
dataType: "json"
});
Pada bagian result inilah nantinya akan digunakan untuk menampilkan datanya. Misalnya didalam object array hasil controller membawa variabel dengan indeks nama, maka nanti pada code javascriptnya foreach loop nya menggunakan hasils[‘nama’]. Demikian juga ketika menggunakan indeks array yang lainnya tinggal menyesuaikan pada bagian indeksnya
Semoga bermafaat.
