Berikut ini adalah contoh pengulangan array menggunakan JavaScript
JavaScript
const fruits = ['apel', 'jeruk', 'mangga'];
// Menggunakan for loop
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
// Menggunakan forEach
fruits.forEach((fruit) => {
console.log(fruit);
});
// Menggunakan map
const upperCaseFruits = fruits.map((fruit) => {
return fruit.toUpperCase();
});
console.log(upperCaseFruits);
// Menggunakan for...of
for (const fruit of fruits) {
console.log(fruit);
}
JavaScriptContoh Pengulangan Array dalam HTML
Berikut ini adalah contoh pengulangan array menggunakan HTML
HTML
<!DOCTYPE html>
<html>
<head>
<title>Pengulangan Array dalam HTML</title>
</head>
<body>
<ul id="fruits-list"></ul>
<script>
const fruits = ['apel', 'jeruk', 'mangga'];
// Menggunakan forEach
fruits.forEach((fruit) => {
const listItem = document.createElement('li');
listItem.textContent = fruit;
document.getElementById('fruits-list').appendChild(listItem);
});
</script>
</body>
</html>
HTMLOutput:
See the Pen Contoh Pengulangan Array dalam JavaScript by De Orchids (@De-Orchids) on CodePen.
Dalam contoh-contoh di atas, kita menggunakan beberapa metode pengulangan array yang umum digunakan dalam JavaScript. Metode-metode tersebut adalah:
for loop
: Menggunakan perulanganfor
untuk mengakses setiap elemen dalam array.forEach
: Menggunakan metodeforEach
untuk menjalankan fungsi pada setiap elemen dalam array.map
: Menggunakan metodemap
untuk membuat array baru dengan hasil pemanggilan fungsi pada setiap elemen dalam array.for...of
: Menggunakan perulanganfor...of
untuk mengakses setiap elemen dalam array.
Dalam contoh HTML, kita menggunakan metode forEach
untuk membuat elemen <li>
dalam elemen <ul>
berdasarkan setiap elemen dalam array.
Pengulangan array sangat berguna dalam pemrograman karena memungkinkan kita untuk mengakses dan memanipulasi setiap elemen dalam array dengan cara yang efisien.