MENAMPILKAN ARRAY (ITERASI)

Menampilkan array adalah tugas yang sering dijumpai saat menggunakan JavaScript. Suatu array bisa memiliki sejumlah item, dan seringkali kita perlu mengakses atau menampilkan setiap item satu per satu. Inilah konsep dari iterasi array, yaitu proses berulang-ulang melalui setiap elemen dalam array.

Apa Itu Iterasi Array JavaScript?

Iterasi array adalah proses mengakses dan melakukan operan pada setiap elemen array, satu per satu. Bisa dikatakan, ini adalah perulangan dalam konteks array. JavaScript memiliki beberapa metode built-in yang mengizinkan kamu melakukan iterasi array dengan mudah.

Mari kita lihat beberapa cara menampilkan array dalam JavaScript:

Metode for

Metode for adalah yang paling dasar dan umum digunakan untuk iterasi array. Berikut adalah contoh penggunaannya:

let buah = ["apel", "jeruk", "mangga"];

for (let i = 0; i < buah.length; i++) {
  console.log(buah[i]);
}

Pada kode di atas, metode for akan memulai iterasi dari indeks 0, dan kemudian melanjutkan hingga indeks terakhir dari array buah. Pada setiap iterasi, metode akan mencetak elemen array ke console.

Metode forEach

Metode forEach adalah metode khusus yang disediakan JavaScript untuk melakukan operasi pada setiap elemen array.

let buah = ["apel", "jeruk", "mangga"];

buah.forEach(function (item) {
  console.log(item);
});

Pada skrip di atas, metode forEach akan mengambil setiap elemen dari array buah dan mencetaknya ke console.

Metode map

Metode map serupa dengan forEach, tetapi metode ini menciptakan array baru.

let buah = ["apel", "jeruk", "mangga"];

let hasil = buah.map(function (item) {
  return item.toUpperCase();
});

console.log(hasil); // ["APEL", "JERUK", "MANGGA"]

Dalam contoh ini, metode map memanipulasi setiap elemen dari array buah untuk menjadi huruf kapital, dan kemudian menampungnya dalam array hasil yang baru.

Untuk iterasi array dalam JavaScript, kamu bisa memilih metode yang paling sesuai dengan kebutuhan kodenya. Cobalah eksplor berbagai metode tersebut dan lihat hasil yang mereka berikan!