Contoh Pengulangan Array dalam JavaScript

Contoh Pengulangan Array Pada JavaScript

—

by

Webbiz.ID
in

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);
}
JavaScript

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>
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:

  1. for loop: Menggunakan perulangan for untuk mengakses setiap elemen dalam array.
  2. forEach: Menggunakan metode forEach untuk menjalankan fungsi pada setiap elemen dalam array.
  3. map: Menggunakan metode map untuk membuat array baru dengan hasil pemanggilan fungsi pada setiap elemen dalam array.
  4. for...of: Menggunakan perulangan for...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.

Artikel Terbaru ⭐