JavaScript - For...of Loop

Selamat datang, para pemrogram yang sedang berkembang! Hari ini, kita akan mendalamkan salah satu fitur yang paling berguna di JavaScript: perulangan for...of. Sebagai guru ilmu komputer di lingkungan yang ramah, saya sangat gembira untuk memandu Anda dalam perjalanan ini. Jadi, ambil minuman kesukaan Anda, nyamanlah, dan mari kita mulai petualangan coding ini bersama!

Apa Itu For...of Loop?

Sebelum kita masuk ke detilnya, mari kita pahami apa itu perulangan for...of. Bayangkan Anda memiliki keranjang penuh buah-buahan berwarna-warni, dan Anda ingin memeriksa setiap buah satu per satu. Perulangan for...of adalah seperti asisten yang baik yang mengambil setiap buah dari keranjang dan memberikannya ke Anda, satu per satu, sampai keranjang kosong.

Dalam istilah pemrograman, perulangan for...of memungkinkan kita untuk mengulang (istilah khusus untuk "melalui") objek yang dapat diulang seperti array, string, dan struktur data lainnya yang kita akan belajar kemudian.

Sintaks

Sekarang, mari kita lihat bagaimana menulis perulangan for...of. Jangan khawatir jika awalnya terlihat aneh – kita akan membongkarnya bersama!

for (variable of iterable) {
// kode yang akan dieksekusi
}

mari kitauraikan ini:

• for: Kata kunci ini memberitahu JavaScript bahwa kita sedang memulai sebuah perulangan.
• variable: Ini adalah tempat kita menyimpan setiap item saat kita melewati objek yang dapat diulang.
• of: Kata kunci ini membuat ini menjadi perulangan for...of.
• iterable: Ini adalah objek yang kita ulang (seperti keranjang buah).
• Kode di dalam kurung kurawal {} adalah apa yang kita ingin lakukan dengan setiap item.

Contoh

Contoh 1: Mengulang Melalui Array

Mari kita mulai dengan contoh sederhana. Kita akan membuat array buah-buahan dan mencetak setiap satunya.

let fruits = ['apple', 'banana', 'cherry', 'date'];

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

Jika Anda menjalankan kode ini, Anda akan melihat:

apple
banana
cherry
date

Apa yang terjadi disini? Perulangan for...of mengambil setiap buah dari array fruits dan menyimpannya di variabel fruit. Kemudian, kita menggunakan console.log() untuk mencetak setiap buah.

Contoh 2: Mengulang Melalui String

Apakah Anda tahu bahwa string juga dapat diulang? Mari kita menulis sebuah kata:

let word = 'Hello';

for (let letter of word) {
console.log(letter);
}

Ini akan mengeluarkan:

H
e
l
l
o

Setiap karakter dalam string diperlakukan sebagai item individual yang kita dapat mengulang. Keren, kan?

Contoh 3: Menggunakan for...of dengan Angka

Sekarang, mari kita berdiskusi lebih praktis. Bayangkan Anda seorang guru (seperti saya!) dan Anda ingin menghitung skor rata-rata untuk sebuah kelas:

let scores = [85, 92, 78, 95, 88];
let total = 0;
let count = 0;

for (let score of scores) {
total += score;
count++;
}

let average = total / count;
console.log(`Rata-rata kelas adalah ${average}`);

Skrip ini akan menghitung dan mencetak skor rata-rata. Kita menggunakan perulangan for...of untuk menambahkan semua skor dan menghitung berapa banyak skor yang ada.

Contoh 4: Melompat Keluar dari Perulangan

kadang-kadang, Anda mungkin ingin menghentikan perulangan sebelum itu selesai. Kita dapat melakukan ini dengan kata kunci break. Misalnya, kita mencari buah tertentu:

let fruits = ['apple', 'banana', 'cherry', 'date'];
let searchFor = 'cherry';

for (let fruit of fruits) {
if (fruit === searchFor) {
console.log(`Menemukan ${searchFor}!`);
break;
}
console.log(`Memeriksa ${fruit}...`);
}

Skrip ini akan berhenti segera setelah menemukan 'cherry', tanpa memeriksa buah lainnya.

Contoh 5: Melompat Item dengan continue

Apa bila kita ingin melewatkan item tertentu? Kita dapat menggunakan kata kunci continue. Mari kita cetak hanya buah yang dimulai dengan 'a':

let fruits = ['apple', 'banana', 'apricot', 'cherry', 'avocado'];

for (let fruit of fruits) {
if (!fruit.startsWith('a')) {
continue;
}
console.log(fruit);
}

Ini hanya akan mencetak 'apple', 'apricot', dan 'avocado'.

Tabel Metode

Berikut adalah tabel metode yang kita gunakan dalam contoh-contoh ini:

Metode	Deskripsi	Contoh
console.log()	Mencetak output ke konsol	console.log('Hello, World!')
startsWith()	Memeriksa apakah string dimulai dengan karakter tertentu	'apple'.startsWith('a') // true
break	Menghentikan perulangan	if (condition) break;
continue	Melompat ke iterasi berikutnya	if (condition) continue;

Kesimpulan

Dan begitulah, teman-teman! Kita telah melakukan perjalanan melalui negeri perulangan for...of, dari array sederhana ke string, dan bahkan belajar bagaimana menghentikan atau melewatkan item. Ingat, latihan membuat perfect, jadi jangan khawatir untuk mencoba konsep ini.

Dalam tahun-tahun saya mengajar, saya menemukan bahwa cara terbaik untuk belajar adalah dengan melakukan. Jadi, ini adalah tugas rumah kecil untuk Anda: Cobalah membuat perulangan for...of Anda sendiri dengan jenis data yang berbeda. Mungkin ulang favorite movie Anda, atau nama teman-teman Anda. Kesempatan adalah tak terbatas!

Selamat coding, dan ingat – di dunia pemrograman, setiap perulangan adalah kesempatan untuk menemukan sesuatu baru!

Credits: Image by storyset