Menu
CoddyTech

for...of loop

Termasuk bagian Dasar-Dasar dalam perjalanan JavaScript di Coddy. Pelajaran 65 dari 77.

Perulangan for...of memberikan cara sederhana untuk melakukan iterasi pada nilai objek yang dapat diiterasi, seperti array, string, maps, sets, 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 perulangan, nilai berikutnya dari objek iterable ditetapkan ke variabel ini.
  • iterable: Objek 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.

challenge icon

Tantangan

Mudah

Tulis fungsi bernama countVowels yang menerima string sebagai argumen dan mengembalikan jumlah huruf vokal (a, e, i, o, u) dalam string. Gunakan perulangan for...of untuk menelusuri karakter dalam string.

Contoh:

  • countVowels("hello") harus mengembalikan 2
  • countVowels("javascript") harus mengembalikan 3

Hitung juga huruf besar!

Coba sendiri

function countVowels(str) {
    // Tulis kodemu di sini
}
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Dasar-Dasar

Latihan sendiri: Compiler JavaScript online