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:
  1. Titik awal Loop, atau di manakah Loop dimulai.
  2. Titik akhir Loop, atau kapankah Loop selesai.
  3. 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:
  1. Titikawal Loop = 0.
  2. Titikakhir Loop = 100.
  3. 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.  
Dengan menuliskan Loop menggunakan 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:


Perhatikan bahwa Loop akan berjalan selama titik akhir loop belum ditemui.

Kita bisa menentukan keduanya di 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.
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. 
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.

  • 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.
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:

  • 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

Bayu Dwi Darmawan
Bayu Dwi Darmawan Blogger pemula yang hobi menulis dan suka dunia teknologi.

Posting Komentar untuk "Penjelasan Looping Pada JavaScript Beserta Strukturnya"