Penjelasan Looping Pada JavaScript Beserta Strukturnya
Hai semua pada kali ini saya akan membahas Looping pada JavaScript dan tentunya saya juga akan menampilkan contoh Loop nya.
Untuk memulai penjelasannya kalian harus tau dahulu apa itu Loop atau Iterasi ini.
Looping
Loop bisa diartikan sebagai sesuatu yang dilakukan berkali-kali untuk rentang waktu tertentu.
Dengan demikian, kita bisa melakukan sesuatu yang sama sebanyak 10 kali, 100 kali, atau berapapun sesuai keinginan kita. Kita juga bisa melakukan sesuatu selamanya, sehingga Loop ini tidak akan berhenti.
Dalam membuat Loop,
maka berdasarkan definisi tadi, ada 3 hal yang harus ada ketika di awal Loop:
maka berdasarkan definisi tadi, ada 3 hal yang harus ada ketika di awal Loop:
- Titik awal Loop, atau di manakah Loop dimulai.
- Titik akhir Loop, atau kapankah Loop selesai.
- Iterasi,
atau bagaimana titik awal bisa mencapai titik akhir.
Sehingga, katakan kita ingin membuat Loop yang berjalan 100 kali, maka bisa jadi pengaturan Loop nya adalah sebagai berikut:
- Titikawal Loop = 0.
- Titikakhir Loop = 100.
- Iterasiberupatitikawalbertambah
1, hinggadari 0 pelan-pelan menjadi 100.
Ketiga parameter ini kemudian yang mengatur bagaimana kita bisa mengulang sebuah perintah sebanyak berapapun yang
kita butuhkan.
kita butuhkan.
Dengan menuliskan Loop menggunakan
parameter-parameter tadi,
barulah komputer mengerti bahwa ia perlu melakukan sesuatu sebanyak 100 kali.
parameter-parameter tadi,
barulah komputer mengerti bahwa ia perlu melakukan sesuatu sebanyak 100 kali.
Baca juga Animasi Java Processing Pemandangan Sunset Kapal Laut
Dalam Processing, penulisan Loop ini bisa dilakukan dengan
2 struktur, yakn struktur for dan while.
Langsung saja kita bahas struktur while terlebih dahulu.
-
Struktur Loop While
Dalam penulisan Loop menggunakan struktur while dalam Processing
memiliki format seperti ini:
memiliki format seperti ini:
Perhatikan bahwa Loop akan berjalan selama titik akhir loop
belum ditemui.
belum ditemui.
Kita bisa menentukan keduanya di
luar struktur while ini. Bentuk nya bisa seperti ini:
luar struktur while ini. Bentuk nya bisa seperti ini:
- Contoh 1 : Membuat 100 Bujur Sangkar dengan Loop While
Pada program tadi,
kita menggunakan sebuah variabel, i untuk mengantongi data titik
loop. Titik awal nya adalah ketika i=0 dan titik akhirnya adalah ketika i = 100.
Titik akhir ini kita ekspresikan di dalam kondisi while, yang mana loop dalam while
baru berjalan selama nilai i lebih kecil dari 100.
kita menggunakan sebuah variabel, i untuk mengantongi data titik
loop. Titik awal nya adalah ketika i=0 dan titik akhirnya adalah ketika i = 100.
Titik akhir ini kita ekspresikan di dalam kondisi while, yang mana loop dalam while
baru berjalan selama nilai i lebih kecil dari 100.
Agar nilai i bisa bertambah dari 0
sampai 100, maka di dalam loop while, kita tuliskan operasi i++, yang
artinya setiap 1 loop selesai, maka nilai i akan bertambah 1.
Dengan demikian maka pelan-pelan nilai i bertambah.
sampai 100, maka di dalam loop while, kita tuliskan operasi i++, yang
artinya setiap 1 loop selesai, maka nilai i akan bertambah 1.
Dengan demikian maka pelan-pelan nilai i bertambah.
Ketika nilai i sudah mencapai 100,
artinya nilai i sudah tidak memenuhi kondisi untuk menjalankan loop tadi, maka loop
dengan sendiri nya akan berhenti dan kita punya 100 bujur sangkar di dalam layar.
artinya nilai i sudah tidak memenuhi kondisi untuk menjalankan loop tadi, maka loop
dengan sendiri nya akan berhenti dan kita punya 100 bujur sangkar di dalam layar.
- Struktur Loop For
Cara kedua untuk menggambar dengan loop
adalah dengan menggunakan struktur for. Cara
kerja struktur ini pada dasarnya sama dengan while, hanya bedanya, ketiga parameter
loop di tuliskan dalam 1 baris yang sama.
adalah dengan menggunakan struktur for. Cara
kerja struktur ini pada dasarnya sama dengan while, hanya bedanya, ketiga parameter
loop di tuliskan dalam 1 baris yang sama.
Format penulisan struktur ini adalah sebagai berikut:
Ketiga parameter
ini kemudian bisa dituliskan seperti ketika kita membuat loop dengan struktur while.
Sehingga, contoh 1 bisa kita ubah dalam bentuk struktur for sebagai berikut:
ini kemudian bisa dituliskan seperti ketika kita membuat loop dengan struktur while.
Sehingga, contoh 1 bisa kita ubah dalam bentuk struktur for sebagai berikut:
-
Contoh 2: Menggambar 100 Bujur Sangkar dengan Loop For
Demikian penjelasan tentang Loop pada JavaScript ini semoga bisa senantiasa menambah ilmu dan wawasan kita semua.
Sumber gambar
http://www.aptuz.com