Tujuan Pembelajaran
Setelah mempelajari materi ini, siswa mampu:
-
Memahami konsep perulangan dalam JavaScript
-
Menggunakan
for,for-in,while, dando-while -
Menentukan jenis perulangan yang tepat sesuai kebutuhan
Pengertian Perulangan
Perulangan adalah cara menjalankan kode yang sama secara berulang-ulang selama suatu kondisi bernilai true.
📌 Tanpa perulangan:
console.log("Halo");
console.log("Halo");
console.log("Halo");
console.log("Halo");
console.log("Halo");
📌 Dengan perulangan:
for (let i = 1; i <= 3; i++) {
console.log("Halo");
}
Perulangan For
Digunakan jika jumlah perulangan sudah diketahui.
Contoh :
for (inisialisasi; kondisi; perubahan) {
// kode yang diulang
}
Struktur :
for (let i = 1; i <= 5; i++) {
console.log("Perulangan ke-" + i);
}
let i = 1 → nilai awali
<= 5 → syarat (true / false)
i++ → penambahan nilai
Perulangan for-in
Digunakan untuk mengulang properti dalam object atau index pada array.
Contoh Object :
let siswa = {
nama: "Budi",
kelas: "XI RPL",
umur: 17
};
for (let key in siswa) {
console.log(key + " : " + siswa[key]);
}
// hasil
nama : Budi
kelas : XI RPL
umur : 17
contoh array :
let buah = ["Apel", "Mangga", "Jeruk"];
for (let i in buah) {
console.log(buah[i]);
}
Perulangan while
Digunakan jika jumlah perulangan belum diketahui.
Struktur
while (kondisi) {
// kode yang diulang
}
Contoh
let i = 1;
while (i <= 5) {
console.log("Angka " + i);
i++;
}
Jika kondisi selalu true, maka terjadi infinite loop (loop tak berujung).
Perulangan do-while
Hampir sama dengan while, tetapi kode dijalankan minimal satu kali, walaupun kondisi false.
Struktur
do {
// kode yang diulang
} while (kondisi);
Contoh
let i = 10;
do {
console.log("Nilai i = " + i);
i++;
} while (i < 5);
Walaupun i < 5 bernilai false, kode tetap dijalankan 1 kali.
- Buat perulangan for untuk menampilkan angka 1–20
- Tampilkan isi array ["Merah","Kuning","Hijau"]
- Gunakan while untuk menampilkan angka genap 2–10
- Gunakan do-while untuk menampilkan teks "Belajar JavaScript" minimal 1 kali