cloud-hosting-terbaik-indonesia

Tutorial Belajar JavaScript Part 25: Cara Penulisan Struktur Perulangan FOR dalam JavaScript

Posted on

Setelah membahas stuktur logika IF dan SWITCH, pada panduan kali ini kita akan masuk ke pada stuktur perulangan FOR atau FOR loop di dalam JavaScript.


Pengertian Struktur Perulangan FOR

Struktur perulangan di pada bahasa pemograman di gunakan bagi mengulang petunjuk program. Terdapat beberapa struktur perulangan yang didukung oleh JavaScript, dan struktur perulangan pertama-tama yang akan kita bahas ialah struktur perulangan FOR.

Apabila kamu telah mempelajari bahasa pemograman lain sebelumnya, perulangan for ini akan terasa familiar. Untuk yang baru mempelajari JavaScript, jangan khawatir, kita akan mempelajarinya via contoh-contoh program sederhana.

Struktur perulangan for, biasanya membutuhkan 4 petunjuk, yaitu:

  • Kondisi awal perulangan
  • Kondisi ahir perulangan
  • Baris program yang akan diulang
  • Increment / kenaikkan pada setiap perulangan

Berikut ialah format mendasar yang digunakan pada struktur for:

Agar lebih gampang dimengerti, kita akan mulai menggunakan kode program sederhana.


Cara Penulisan Struktur Perulangan FOR

Katakan kita ingin menampilkan kalimat “Saya sedang belajar JavaScript” sebanyak 10 kali, berikut ialah contoh kode programnya:

 Di baris pertama-tama program, saya mendeklarasikan variabel a dengan petunjuk var i. Variabel i ini ialah counter, atau penghitung bagi proses perulangan.

Baris for (i=1;i<=10;i=i+1), berarti: lakukan perulangan for, dimulai dari i = 1, lalukan perulangan dalam kurun waktu i<=10, dan naikkan nilai i sebanyak 1 angka di tiap perulangan (i=i+1).

Didalam kode program, kita pun dapat mengakses nilai dari variabel i, seperti kode berikut ini:

 Karena nilai i akan terus menaik, nilai i pada blok perulangan pun akan naik. Penulisan i++ ialah sama dengan i=i+1.

Dengan mengubah 3 kondisi ini (nilai awal, nilai ahir, dan increment) kita dapat dengan gampang mengatur perulangan yang terjadi, bahkan bernilai mundur seperti contoh berikut ini:

 Apabila baris yang akan diulang terdiri dari 2 baris atau lebih karenanya kita mesti menggunakan tanda kurung kurawal bagi menandari awal dan ahir blok for, seperti berikut ini:

Bagi program yang lebih rumit, kita dapat menggunakan nested loop, atau loop bersarang, yakni konsep pemakaian perulangan for di pada perulangan for.

Di panduan kali ini, kita telah membahas mengenai perulangan FOR, pada panduan JavaScript berikutnya, kita akan mempelajari mengenai perulangan WHILE dalam JavaScript.


eBook JavaScript Uncover Duniailkom

JavaScript telah menjadi fitur wajib di setiap laman modern. Duniailkom telah menyusun eBook JavaScript Uncover yang membahas JavaScript dengan lebih detail dan lebih komplit, mulai dari mendasar hingga konsep DOM, Event dan AJAX. Penjelasan lebih lanjut dapat ke eBook JavaScript Uncover Duniailkom.


Sumber https://www.duniailkom.com/