Dalam tutorial kali ini, kita akan membahas tentang struktur perulangan khusus yang ada di dalam JavaScript, yakni perulangan FOR IN. kita akan mempelajari tentang Cara Penulisan Struktur Perulangan FOR IN dalam JavaScript.
Pengertian Struktur Perulangan FOR IN
Perulangan FOR IN adakah perulangan khusus di dalam JavaScript yang digunakan untuk menampilkan 'isi' dari sebuah objek. Objek yang digunakan dapat berupa Array, karena array pada dasarnya juga merupakan objek di dalam JavaScript.
Perulangan FOR IN mirip dengan perulangan FOR EACH di dalam PHP. Berikut adalah penulisan dasar perulangan FOR IN dalam JavaScript:
for (variabel in objek) { Â Â // kode program }
Perulangan di dalam FOR IN akan dijalankan sebanyak 'isi' dari objek. Jika objek tersebut adalah Array, maka perulangan akan dilakukan sebanyak data yang ada di dalam Array.
Cara Penulisan Struktur Perulangan FOR IN
Kita akan langsung masuk ke dalam contoh program agar perulangan FOR IN lebih mudah dipahami. Berikut adalah contoh program FOR IN untuk menampilkan data dari sebuah array:
<script> var a=[5,4,3,2,1];Â Â Â Â Â Â // pembuatan array var b;Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â // variabel penampung for (b in a) { Â Â console.log("Isi array a adalah: "+a[b]); } </script>
Pada baris pertama contoh program diatas, saya membuat Array yang disimpan dalam variabel a . Variabel a berisi 5 nilai. Perulangan FOR IN akan menampilkan seluruh isi dari array a.
Jika di gunakan untuk objek, perulangan FOR IN akan menampilkan seluruh property dan method dari objek tersebut. Berikut adalah contoh kode programnnya:
<script> //buat object objek1 var objek1 = { a:"Belajar JavaScript", Â Â Â Â Â Â Â Â Â Â Â Â Â Â b:12, Â Â Â Â Â Â Â Â Â Â Â Â Â Â c:true, Â Â Â Â Â Â Â Â Â Â Â Â Â Â d:"duniailkom", Â Â Â Â Â Â Â Â Â Â Â Â Â Â e:[1,2,3,4], Â Â Â Â Â Â Â Â Â Â Â Â Â Â f:{ i:"test"}, Â Â Â Â Â Â Â Â Â Â Â Â Â Â g:function(){} }; Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â var b;Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â for (b in objek1) { console.log(objek1[b]); } </script>
Dalam contoh diatas, saya membuat objek dengan nama objek1 dan membuat beberapa property serta 1 method. Kemudan objek1 ini ditampilkan dengan menggunakan perulangan FOR IN. Hasil yang ditampilkan merupakan nilai String dari masing-masing property objek.
Dalam tutorial kali ini, kita telah membahas tentang perulangan FOR IN yang bisa digunakan untuk menampilkan nilai Array, ataupun Objek. Untuk tutorial selanjutnya, masih berhubungan dengan Perulangan, kita akan membahas tentang perintah Break dan Continue dalam JavaScript yang sering digunakan di dalam perulangan.
Halo duniailkom. Mau kasih saran. Artikel blognya di tambah gan, yang membahas tentang yang kelas advance.baik itu html,css,javascript,php,mysql..klo bisa yang study kasus buat web .. :) oya ebook jadi kapan ya.. :) ..terima kasih
Terimakasih untuk sarannya gan… Mengenai materi, memang yang ada di duniailkom saat ini masih materi dasar. Untuk materi advanced akan saya update bertahap nantinya.
Ebooknya masih dalam proses penulisan, mudah2an berkenan menunggu :)
var angka = [1,4,5,7,8];
var a;
for(a in angka){
if(angka[a] == 4 && angka[a] == 5){
continue; //hasil false
}
document.write(angka[a]+"<br/>");
}
//kodingan 2
if(angka[1] == 4 && angka[2] == 5){
alert("true"); // hasil true
}
kenapa pada kodingan 1 hasil false dengan menggunakan && dan true jika menggunakan ||?
Tentu gan, pada perulangan pertama, tidak ada kemungkinan kedua sisi true, pasti salah satu akan false. Operasi perbandingan && atau AND, hanya bisa true jika kedua nilai yang dibandingkan sama2 true.
Kalau diganti jadi || atau OR, cukup salah satu true, hasilnya akan true. Penjelasalan lebih lengkap silahkan pelajari operator perbandingan: https://www.duniailkom.com/tutorial-belajar-javascript-cara-penggunaan-operasi-perbandingan-dan-logika/
Di kode kedua, kedua sisi sama2 benar, dan karena itulah hasilnya true.
tidak ada kemungkinan kedua sisi true, pasti salah satu akan false
bisa di jelaskan lebih detail lagi?boleh di jelaskan sesuai kode diatas.
Untuk bisa memahami sebuah perulangan, silahkan agan tulis di kertas apa yang dilakukan dalam setiap iterasi.
Perulangan pertama itu dilakukan sebanyak 5 kali, dalam setiap iterasinya akan dijalankan seperti ini:
if (1 == 4 && 1 == 5) // False && False
if (4 == 4 && 4 == 5) // True && False
if (5 == 4 && 5 == 5) // False && True
if (7 == 4 && 7 == 5) // False && False
if (8 == 4 && 8 == 5) // False && False
Terlihat, tidak pernah terjadi true && true.