Berikut adalah contoh penggunaan JavaScript Iterables dengan HTML
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Iterables</title>
<script>
// Membuat objek iterable
const iterableObj = {
[Symbol.iterator]() {
let count = 1;
return {
next() {
if (count <= 5) {
return { value: count++, done: false };
} else {
return { done: true };
}
}
};
}
};
// Menggunakan for...of loop untuk mengiterasi objek iterable
for (let item of iterableObj) {
console.log(item);
}
</script>
</head>
<body>
<h1>JavaScript Iterables</h1>
<p>Buka konsol untuk melihat hasil iterasi.</p>
</body>
</html>Dalam contoh di atas, kita membuat objek iterableObj yang mengimplementasikan metode [Symbol.iterator]. Metode ini mengembalikan objek iterator yang memiliki metode next(). Metode next() digunakan untuk mengembalikan nilai dan status iterasi.
Kemudian, kita menggunakan loop for...of untuk mengiterasi objek iterable iterableObj. Setiap nilai yang dihasilkan oleh iterator akan dicetak ke konsol.
Jalankan kode di atas pada browser dan buka konsol untuk melihat hasil iterasi.
Dengan menggunakan JavaScript Iterables, kita dapat mengiterasi objek dengan cara yang lebih fleksibel dan dapat digunakan pada berbagai struktur data seperti array, set, dan map.
Semoga penjelasan ini membantu Anda memahami penggunaan JavaScript Iterables dengan HTML.
Leave a Reply