Hallo sahabat dumenity berjumpa lagi dalam tutorial dumetschoool pada tutorial kalli ini saya akan membahas tentang perulangan bersarang pada javascript atau loop bersarang pada javascript, Jika teman – teman semua pernah belajar bahasa pemrograman PHP tentu pastinya sudah pernah belajar perulangan. Sama halnya di javascript, di dalam pemrogramna javascript kita juga di ajarkan tentang penggunaan sebuah perulangan,
Nah, pada tutorial kali ini saya akan membahas tentang Loop bersarang, sebuah loop yang berada di dalam loop lain disebut dengan loop bersarang, kita lebih dikenalnya dengan perulangan di dalam perulangan dari kalimatnya sudah wow. Kegunaan dari loop bersarang ini biasanya adalah untuk menampilkan data dalam baris dan kolom. Satu loop menangani baris dan loop lain menangani kolom.
Oke untuk lebih jelasnya saya akan langsung memberikan contohnya;
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html> <head> <title> Loop Bersarang pada Javascript </title> </head> <body> <script type="text/javascript"> var str = "@"; for (var baris = 0; baris < 6; baris++) { for(var kol = 0; kol < baris; kol++){ document.write(str); } document.write("<br/>") } </script> </body> </html> |
Oke sekarang saya akan menjelaskan fungsi – fungsi dari script di atas:
9. variabel str ditugasi string “@”.
11.loop luar dimasuki. Variabel baris diinisialisasi dengan 0. Jika nilai dari baris kurang dari 6, maka blok loop (didala kurung kurawal )dimasuki(masuk ke baris 3 ).
12.loop dalam dimasuki, Variabel kol diinisialisasi dengan nol. Jika nilai dari kol kurang dari baris, maka blok loop dimasuki sebuah nilai @ yang akan muncul pada browser. Selanjutnya, nilai dari kol diinkremen sebesar 1, di uji dan jika masih bernilai kurang dari nilai baris , maka loop kembali berjalan. dan akan menampilkan @,
15. setiap loop selesai mengeksekusi perintah maka akan pindah baris berikutnya.
Oke cukup mudah bukan lihat hasilnya:
Oke semoga bermanfaat.