Saat membuat program, sering kali kita perlu menjalankan perintah yang sama secara berulang. Misalnya, menampilkan angka dari 1 hingga 100, mencetak daftar nama, atau memproses data dalam sebuah Array. Jika setiap perintah ditulis satu per satu, kode akan menjadi panjang, sulit dibaca, dan tidak efisien.

Untuk mengatasi hal tersebut, JavaScript menyediakan fitur perulangan (looping). Dengan perulangan, kita dapat menjalankan blok kode berkali-kali secara otomatis hingga kondisi tertentu terpenuhi.

Pada artikel ini, Anda akan mempelajari pengertian looping di JavaScript, jenis-jenis perulangan seperti for, while, dan do while, lengkap dengan contoh program serta tips penggunaannya.

Apa Itu Perulangan (Looping)?

Perulangan atau looping adalah proses menjalankan blok kode secara berulang berdasarkan kondisi tertentu.

Looping sangat berguna ketika Anda ingin:

• Menampilkan data secara berurutan.
• Memproses isi Array.
• Mengulang perhitungan.
• Membuat menu yang terus berjalan hingga pengguna keluar.
• Menghemat penulisan kode.

Tanpa looping, programmer harus menulis kode yang sama berulang kali, yang tentu kurang efisien.

Mengapa Perulangan Penting?

Looping menjadi salah satu konsep dasar yang wajib dipahami karena hampir semua aplikasi menggunakan perulangan.

Contoh penggunaannya antara lain:

• Menampilkan daftar produk pada toko online.
• Menghitung total nilai siswa.
• Memproses data pelanggan.
• Membaca file.
• Menampilkan komentar pada website.

Dengan looping, kode menjadi lebih ringkas, mudah dipelihara, dan lebih cepat dikembangkan.

Jenis-Jenis Perulangan di JavaScript

JavaScript menyediakan beberapa jenis perulangan, yaitu:

• for
• while
• do while
• for…of
• for…in

Pada artikel ini, kita akan fokus pada tiga jenis yang paling sering digunakan oleh pemula, yaitu for, while, dan do while.

Perulangan For

Perulangan for digunakan ketika jumlah pengulangan sudah diketahui.

Sintaks dasar:

for (inisialisasi; kondisi; perubahan) {
    // kode yang diulang
}

Contoh:

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

Output:

1
2
3
4
5

Penjelasan:

• let i = 1 → nilai awal.
• i <= 5 → kondisi.
• i++ → nilai bertambah satu setiap perulangan.

Contoh For Menampilkan Nama

for (let i = 1; i <= 3; i++) {
    console.log("Belajar JavaScript");
}

Output:

Belajar JavaScript
Belajar JavaScript
Belajar JavaScript

Perulangan While

Perulangan while digunakan ketika jumlah pengulangan belum pasti dan bergantung pada kondisi.

Sintaks:

while (kondisi) {
    // kode
}

Contoh:

let i = 1;

while (i <= 5) {
    console.log(i);
    i++;
}

Output:

1
2
3
4
5

Pada contoh tersebut, nilai i harus terus diperbarui agar perulangan dapat berhenti.

Perulangan Do While

Berbeda dengan while, do while akan menjalankan kode minimal satu kali, meskipun kondisi bernilai salah.

Sintaks:

do {
    // kode
} while (kondisi);

Contoh:

let i = 1;

do {
    console.log(i);
    i++;
} while (i <= 5);

Output:

1
2
3
4
5

Perbedaan While dan Do While

Perhatikan contoh berikut.

While

let i = 10;

while (i < 5) {
    console.log(i);
}

Output:

Tidak ada output karena kondisi langsung bernilai false.

Do While

let i = 10;

do {
    console.log(i);
} while (i < 5);

Output:

10

Hal ini terjadi karena blok do dijalankan terlebih dahulu sebelum kondisi diperiksa.

Menggunakan Looping pada Array

Looping sering digunakan untuk membaca seluruh isi Array.

Contoh:

let bahasa = ["HTML", "CSS", "JavaScript", "Python"];

for (let i = 0; i < bahasa.length; i++) {
    console.log(bahasa[i]);
}

Output:

HTML
CSS
JavaScript
Python

Dengan cara ini, Anda tidak perlu menuliskan setiap elemen satu per satu.

Menggunakan Break

Keyword break digunakan untuk menghentikan perulangan sebelum selesai.

Contoh:

for (let i = 1; i <= 10; i++) {

    if (i == 5) {
        break;
    }

    console.log(i);
}

Output:

1
2
3
4

Perulangan berhenti saat nilai i sama dengan 5.

Menggunakan Continue

Keyword continue digunakan untuk melewati satu iterasi dan melanjutkan ke iterasi berikutnya.

Contoh:

for (let i = 1; i <= 5; i++) {

    if (i == 3) {
        continue;
    }

    console.log(i);
}

Output:

1
2
4
5

Angka 3 tidak ditampilkan karena dilewati.

Kapan Menggunakan For, While, atau Do While?

Berikut panduan sederhana dalam memilih jenis perulangan.

Jenis Loop	Digunakan Ketika
for	Jumlah pengulangan sudah diketahui
while	Pengulangan bergantung pada kondisi tertentu
do while	Kode harus dijalankan minimal satu kali

Memilih jenis looping yang tepat akan membuat kode lebih mudah dipahami.

Kesalahan yang Sering Dilakukan Pemula

Beberapa kesalahan umum saat menggunakan looping antara lain:

1. Infinite Loop

Terjadi ketika kondisi tidak pernah menjadi false.

Contoh:

let i = 1;

while (i <= 5) {
    console.log(i);
}

Kode di atas akan terus berjalan karena nilai i tidak pernah bertambah.

Solusi:

i++;

2. Salah Menentukan Kondisi

Misalnya:

for(let i = 10; i < 5; i++)

Perulangan tidak akan berjalan karena kondisi awal sudah salah.

3. Salah Menggunakan Operator

Kesalahan kecil seperti menggunakan < atau <= dapat menghasilkan jumlah perulangan yang berbeda.

Selalu periksa kembali kondisi yang digunakan.

Tips Menggunakan Looping

Agar kode lebih efektif, berikut beberapa tips yang dapat diterapkan:

• Gunakan for jika jumlah perulangan sudah diketahui.
• Gunakan while untuk kondisi yang belum pasti.
• Hindari membuat infinite loop.
• Gunakan break jika ingin menghentikan perulangan lebih awal.
• Gunakan continue jika ingin melewati kondisi tertentu.
• Kombinasikan looping dengan Array agar pemrosesan data menjadi lebih mudah.

Dengan memahami kapan dan bagaimana menggunakan setiap jenis perulangan, Anda dapat menulis kode yang lebih efisien.

Contoh Program Sederhana

Program berikut menampilkan bilangan genap dari 2 hingga 10.

for (let i = 2; i <= 10; i += 2) {
    console.log(i);
}

Output:

2
4
6
8
10

Contoh sederhana ini menunjukkan bagaimana looping dapat digunakan untuk menghasilkan pola tertentu tanpa perlu menulis kode berulang.

Kesimpulan

Perulangan (looping) merupakan salah satu konsep dasar yang sangat penting dalam JavaScript. Dengan menggunakan for, while, dan do while, Anda dapat menjalankan blok kode secara berulang tanpa harus menulis perintah yang sama berkali-kali.

Memahami cara kerja setiap jenis perulangan akan membantu Anda membuat program yang lebih ringkas, mudah dibaca, dan efisien. Setelah menguasai konsep looping, Anda akan lebih siap mempelajari materi JavaScript berikutnya, seperti fungsi, objek, manipulasi DOM, hingga pengembangan aplikasi web yang lebih kompleks.