Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X
Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA LOOPING ARRAY JAVASCRIPT

Pelajari cara melakukan looping atau perulangan dalam array di JavaScript dengan mudah dan cepat dalam langkah-langkah berikut ini.

Daftar Isi:

Looping Array Menggunakan for
Looping Array Menggunakan for....
Looping Array Menggunakan forE...

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.

Looping Array Menggunakan for

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.

Looping Array Menggunakan for..of

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.

Looping Array Menggunakan forEach

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.

Menggunakan Arrow Function dengan forEach

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.

cover kelas Kelas membuat website dengan HTML dan CSS
Kelas membuat website dengan HTML dan CSS

belajar membuat website kamu dari nol. Cocok untuk pemula

Lihat Kelas

Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding