Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Dalam mempelajari bahasa pemrograman JavaScript, kemampuan untuk melakukan looping atau perulangan pada array merupakan konsep yang sangat penting. Dalam artikel ini, kita akan belajar cara melakukan looping array di JavaScript dengan beberapa metode berbeda.
Cara paling umum untuk melakukan looping pada array di JavaScript adalah dengan menggunakan pernyataan for
. Berikut adalah contohnya:
let buah = ['apel', 'mangga', 'durian'];
for (let i = 0; i < buah.length; i++) {
console.log(buah[i]);
}
Dalam contoh di atas, kita menggunakan variabel i
sebagai indeks untuk melewati setiap elemen dalam array. buah.length
digunakan untuk mendapatkan jumlah total elemen dalam array, dan console.log(buah[i])
digunakan untuk mencetak setiap elemen.
Sejak ES6, JavaScript telah memperkenalkan jenis loop baru bernama for..of
, yang lebih sederhana untuk array looping. Berikut adalah contohnya:
let buah = ['apel', 'mangga', 'durian'];
for (let b of buah) {
console.log(b);
}
Pada contoh di atas, for..of
memudahkan kita untuk melewati setiap elemen dalam array tanpa perlu berurusan dengan indeks.
JavaScript juga menyediakan metode array bawaan bernama forEach
yang secara khusus dibuat untuk melakukan looping pada array. Simak contoh berikut:
let buah = ['apel', 'mangga', 'durian'];
buah.forEach(function(b) {
console.log(b);
});
Di sini, forEach
menerima fungsi sebagai argumen dan menerapkannya pada setiap elemen dalam array.
Kita juga bisa menggunakan arrow function dari ES6 untuk membuat kode looping menjadi lebih singkat dan bersih, seperti ini:
let buah = ['apel', 'mangga', 'durian'];
buah.forEach(b => console.log(b));
Dengan demikian, kamu telah belajar cara melakukan looping array di JavaScript menggunakan beberapa metode berbeda. Setiap metode memiliki kegunaan dan keunikannya sendiri, dan kamu dapat memilih yang paling sesuai untuk situasi pemrograman kamu.
Link terkait: