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);
}Contoh 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>Output:
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 perulanganforuntuk mengakses setiap elemen dalam array.forEach: Menggunakan metodeforEachuntuk menjalankan fungsi pada setiap elemen dalam array.map: Menggunakan metodemapuntuk membuat array baru dengan hasil pemanggilan fungsi pada setiap elemen dalam array.for...of: Menggunakan perulanganfor...ofuntuk 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.
Leave a Reply