Memahami Looping dalam JavaScript

Looping adalah salah satu konsep fundamental dalam pemrograman yang memungkinkan kita untuk menjalankan blok kode berulang kali.

Dalam JavaScript, terdapat beberapa jenis loop yang dapat digunakan, masing-masing dengan kegunaan dan sintaks yang berbeda.

Artikel ini akan menjelaskan dasar-dasar looping, jenis-jenis loop, dan bagaimana cara menggunakannya dalam pemrograman.

Looping adalah proses menjalankan sekelompok instruksi atau blok kode berulang kali sampai kondisi tertentu terpenuhi.

Looping sangat berguna dalam berbagai situasi, seperti iterasi melalui elemen-elemen dalam array, menjalankan fungsi berulang kali, atau mengulangi proses tertentu sampai suatu kondisi tercapai.

1. for Loop
2. while Loop
3. do…while Loop
4. for…in Loop
5. for…of Loop

for loop adalah jenis loop yang paling umum digunakan dalam JavaScript. Loop ini terdiri dari tiga bagian: inisialisasi, kondisi, dan iterasi.

Sintaksnya adalah sebagai berikut:

for (inisialisasi; kondisi; iterasi) {
    // blok kode yang akan dijalankan
}

Jika diterapkan pada code, maka penerapannya adalah seperti berikut:

for (let i = 0; i < 5; i++) {
    console.log("Iteration number " + i);
}
// Output:
// Iteration number 0
// Iteration number 1
// Iteration number 2
// Iteration number 3
// Iteration number 4

while loop menjalankan blok kode selama kondisi yang diberikan bernilai true. Kondisi diperiksa sebelum blok kode dijalankan.

Sintaks while loop adalah sebagai berikut:

while (kondisi) {
    // blok kode yang akan dijalankan
}

Contoh penerapaan while loop pada code:

let i = 0;
while (i < 5) {
    console.log("Iteration number " + i);
    i++;
}
// Output:
// Iteration number 0
// Iteration number 1
// Iteration number 2
// Iteration number 3
// Iteration number 4

do...while loop mirip dengan while loop, tetapi kondisi diperiksa setelah blok kode dijalankan. Ini berarti blok kode akan selalu dijalankan setidaknya satu kali.

Sintaks do while loop adalah sebagai berikut:

do {
    // blok kode yang akan dijalankan
} while (kondisi);

Contoh penerapan do while loop pada code:

let i = 0;
do {
    console.log("Iteration number " + i);
    i++;
} while (i < 5);
// Output:
// Iteration number 0
// Iteration number 1
// Iteration number 2
// Iteration number 3
// Iteration number 4

for...in loop digunakan untuk iterasi melalui properti objek.

Sintaks for in loop adalah sebagai berikut:

for (key in object) {
    // blok kode yang akan dijalankan
}

Contoh penerapan for in loop pada code:

let person = {name: "John", age: 30, city: "New York"};
for (let key in person) {
    console.log(key + ": " + person[key]);
}
// Output:
// name: John
// age: 30
// city: New York

for...of loop digunakan untuk iterasi melalui nilai dari objek iterable (seperti array, string, atau NodeList).

Sintaks dari for of loop adalah sebagai berikut:

for (value of iterable) {
    // blok kode yang akan dijalankan
}

Contoh penerapan for of loop pada code:

let numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
    console.log(number);
}
// Output:
// 1
// 2
// 3
// 4
// 5

Dalam JavaScript, kita dapat menghentikan loop sebelum kondisinya menjadi false dengan menggunakan pernyataan break.

Kita juga dapat melompati iterasi saat ini dan melanjutkan ke iterasi berikutnya dengan menggunakan pernyataan continue.

Contoh break pada code:

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        break;
    }
    console.log(i);
}
// Output:
// 0
// 1
// 2
// 3
// 4

Contoh continue pada code:

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        continue;
    }
    console.log(i);
}
// Output:
// 0
// 1
// 2
// 3
// 4
// 6
// 7
// 8
// 9

Looping adalah konsep penting dalam pemrograman yang memungkinkan kita untuk menjalankan blok kode berulang kali.

JavaScript menyediakan berbagai jenis loop, termasuk for, while, do...while, for...in, dan for...of.

Dengan memahami cara kerja setiap jenis loop dan kapan harus menggunakannya, kamu dapat menulis kode yang lebih efisien dan mudah dipahami.

Selamat belajar dan happy coding!

Baca juga artikel terkait:

• Memahami Dasar pemrograman Javascript: Operator
• Belajar Dasar pemrograman Javascript: Function
• Dasar pemrograman Javascript: Variabel