Meneroka Loop pada 2D Array di JavaScript
Array dua dimensi (2D) adalah struktur data yang berguna untuk menyimpan dan mengakses data dalam bentuk tabel atau matriks. Di JavaScript, Anda dapat menggunakan loop untuk mengiterasi melalui setiap elemen dalam array 2D dan melakukan operasi tertentu pada mereka. Artikel ini akan membahas bagaimana menggunakan loop untuk berinteraksi dengan array 2D di JavaScript.
Membuat Array 2D
Sebelum kita mulai memanipulasi array 2D, mari kita lihat cara membuatnya. Berikut adalah contoh sederhana:
const matrix = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
Kode ini mendefinisikan array 2D bernama matrix yang berisi tiga baris dan tiga kolom. Setiap baris adalah sebuah array yang berisi tiga angka.
Menggunakan Loop For untuk Mengakses Elemen
Loop for adalah cara umum untuk mengiterasi melalui elemen-elemen dalam array 2D. Anda dapat menggunakan satu loop for bersarang untuk mengakses setiap baris dan kolom:
for (let i = 0; i < matrix.length; i++) {
for (let j = 0; j < matrix[i].length; j++) {
console.log(matrix[i][j]);
}
}
Kode ini akan mencetak setiap elemen dari array matrix ke konsol. Loop luar iterasi melalui setiap baris, dan loop dalam iterasi melalui setiap kolom dalam baris tersebut.
Menggunakan Loop forEach untuk Iterasi
Loop forEach adalah cara yang lebih ringkas untuk iterasi melalui elemen-elemen array 2D. Berikut adalah contohnya:
matrix.forEach(row => {
row.forEach(element => {
console.log(element);
});
});
Kode ini juga akan mencetak setiap elemen dari array matrix ke konsol. Loop forEach iterasi melalui setiap baris, dan untuk setiap baris, loop forEach internal iterasi melalui setiap elemen dalam baris tersebut.
Contoh Lainnya
Anda dapat menggunakan loop untuk melakukan banyak operasi pada array 2D, seperti:
- Menghitung total elemen dalam array.
- Mencari elemen tertentu.
- Mengubah nilai elemen.
- Mengurutkan elemen dalam array.
Contoh berikut menunjukkan bagaimana menjumlahkan semua elemen dalam array 2D:
let sum = 0;
for (let i = 0; i < matrix.length; i++) {
for (let j = 0; j < matrix[i].length; j++) {
sum += matrix[i][j];
}
}
console.log("Jumlah semua elemen:", sum);
Kesimpulan
Loop adalah alat penting untuk berinteraksi dengan array 2D di JavaScript. Dengan menggunakan loop for atau forEach, Anda dapat dengan mudah mengakses, memanipulasi, dan memproses elemen-elemen dalam array 2D untuk menyelesaikan berbagai tugas pemrograman.