Artikel ini merupakan bagian dari seri Tutorial Belajar JavaScript untuk Pemula Sampai Mahir. Sebelumnya: Kontrol Alur Program di JavaScript
📌 Apa Itu Perulangan?
Perulangan (looping) adalah struktur pemrograman yang memungkinkan kamu menjalankan kode yang sama berulang kali. Sangat berguna saat kamu ingin mengulang aksi yang sama, seperti mencetak daftar, menjumlahkan data, dan lainnya.
🔁 1. Perulangan for
Cocok untuk perulangan dengan jumlah pasti.
Sintaks:
1for (inisialisasi; kondisi; update) {
2 // kode yang akan dijalankan
3}
4
1for (inisialisasi; kondisi; update) {
2 // kode yang akan dijalankan
3}
4
Contoh:
1for (let i = 1; i <= 5; i++) {
2 console.log("Perulangan ke-" + i);
3}
4
1for (let i = 1; i <= 5; i++) {
2 console.log("Perulangan ke-" + i);
3}
4
Penjelasan:
let i = 1: mulai dari 1i <= 5: ulangi selama i kurang dari atau sama dengan 5i++: setiap iterasi, nilai i ditambah 1
🔁 2. Perulangan while
Digunakan ketika kamu tidak tahu pasti berapa kali perulangan akan terjadi. Perulangan akan terus berjalan selama kondisi bernilai true.
Sintaks:
1while (kondisi) {
2 // kode yang akan dijalankan
3}
4
1while (kondisi) {
2 // kode yang akan dijalankan
3}
4
Contoh:
1let angka = 1;
2
3while (angka <= 5) {
4 console.log("Angka: " + angka);
5 angka++;
6}
7
1let angka = 1;
2
3while (angka <= 5) {
4 console.log("Angka: " + angka);
5 angka++;
6}
7
🔁 3. Perulangan do...while
Mirip dengan while, tapi kode di dalam blok selalu dijalankan minimal satu kali, meskipun kondisi awal bernilai false.
Sintaks:
1do {
2 // kode dijalankan dulu
3} while (kondisi);
4
1do {
2 // kode dijalankan dulu
3} while (kondisi);
4
Contoh:
1let x = 10;
2
3do {
4 console.log("Nilai x: " + x);
5 x++;
6} while (x < 5);
7
1let x = 10;
2
3do {
4 console.log("Nilai x: " + x);
5 x++;
6} while (x < 5);
7
Output: Nilai x: 10 — karena do...while akan menjalankan kode dulu, baru mengecek kondisinya.
📚 Contoh Praktis
Menampilkan semua angka genap dari 1–10:
1for (let i = 1; i <= 10; i++) {
2 if (i % 2 === 0) {
3 console.log(i);
4 }
5}
6
1for (let i = 1; i <= 10; i++) {
2 if (i % 2 === 0) {
3 console.log(i);
4 }
5}
6
🛑 Perintah Khusus: break dan continue
break: menghentikan perulangan.continue: melompati satu iterasi dan lanjut ke berikutnya.
Contoh:
1for (let i = 1; i <= 5; i++) {
2 if (i === 3) continue; // lewati angka 3
3 if (i === 5) break; // hentikan saat i = 5
4 console.log(i);
5}
6
1for (let i = 1; i <= 5; i++) {
2 if (i === 3) continue; // lewati angka 3
3 if (i === 5) break; // hentikan saat i = 5
4 console.log(i);
5}
6
Output: 1, 2, 4
📘 Selanjutnya
➡️ Fungsi (Function) di JavaScript: Definisi, Parameter, Return
⬅️ Kembali: Kontrol Alur Program