for...of loop

Perulangan for...of menyediakan cara sederhana untuk mengiterasi nilai dari object yang dapat diiterasi, seperti array, string, map, set, dan lainnya. Perulangan ini menggabungkan keringkasan forEach dengan kemampuan untuk menggunakan break dan continue.

Berikut sintaks dasar perulangan for...of:

for (const element of iterable) {
    // Kode yang dijalankan untuk setiap elemen
}

• element: Pada setiap iterasi, nilai berikutnya dari object yang dapat diiterasi ditetapkan ke variabel ini.
• iterable: Object yang elemen-elemennya diiterasi (misalnya, array atau string).

Berikut contoh dengan array:

const fruits = ["apple", "banana", "orange"];

for (const fruit of fruits) {
    console.log(fruit);
}

output:

apple
banana
orange

Berikut contoh lain dengan string:

const text = "hello";

for (const char of text) {
    console.log(char);
}

Output:

h
e
l
l
o

Dibandingkan dengan perulangan for tradisional atau method forEach, for...of menawarkan sintaks yang lebih sederhana untuk banyak kasus penggunaan umum, terutama saat kamu tidak memerlukan indeks setiap elemen.