Pada artikel ini, kita akan belajar tentang JavaScript Multidimensional Array, mengakses elemen, menambah dan menghapus elemen, mengulang elemen, dll
Apa itu array multidimensi?
Untuk mengakses elemen dari array ini, Anda harus menggunakan lebih dari satu indeks
A array multidimensi adalah larik yang memiliki satu atau lebih larik bersarang. Ini meningkatkan jumlah dimensi array.
Misalnya, array normal adalah array 1-Dimensi dan dapat diakses menggunakan indeks tunggal. Tapi ketika ada satu array bersarang, itu menjadi array 2-Dimensi. Dalam hal ini, kita dapat mengakses elemen array bersarang menggunakan dua indeks. Demikian pula, ketika ada sebuah array yang didalamnya terdapat sebuah array yang didalamnya terdapat sebuah array lain, maka itu menjadi sebuah array 3-Dimensi. Dan seterusnya
Array multidimensi dalam Javascript digunakan untuk menyimpan data dalam struktur multidimensi agar mudah diakses dan dimanipulasi. Contoh. daftar siswa dengan nilai mereka dalam beberapa mata pelajaran
Array multidimensi dalam JavaScript
JavaScript tidak menyediakan dukungan bawaan apa pun untuk larik multidimensi. Tidak ada cara langsung untuk membuat array multidimensi dalam JavaScript. Sebagai gantinya, kita dapat membuat array multidimensi dengan menggunakan array bersarang
Ukuran array internal dalam javascript bisa variabel dan bisa tipe apa saja
Mari kita lihat berbagai cara untuk membuat larik multidimensi dalam JavaScript
1. Menggunakan array literal
Cara paling sederhana untuk membuat larik multidimensi JavaScript adalah menggunakan literal larik . Untuk ini, Anda dapat membuat larik secara manual menggunakan tanda kurung siku dan menyarangkan larik lainnya di dalam tanda kurung siku.
var arr = [
[1, 2, 3],
[4, 5, 6]
];
Kode di atas membuat array multidimensi dengan dua array bersarang. Array pertama berisi tiga elemen dan array kedua berisi tiga elemen
2. Menggunakan konstruktor array
Cara kedua untuk membuat larik multidimensi adalah menggunakan konstruktor larik . Ini dilakukan dengan menggunakan metode Array[] .
var arr = Array[
[1, 2, 3],
[4, 5, 6]
];
_Gagasan lain dengan konstruktor array ada di bawah
// 2 × 3 array
var arr = Array[2].fill[Array[3]];
//setting value
arr[0][1] = 4;
Mengakses elemen dalam array multidimensi JavaScript
Array multidimensi diakses dengan cara yang sama seperti array normal. Satu-satunya perbedaan adalah kita perlu menggunakan dua atau lebih indeks untuk mengakses elemen array bersarang
Misalnya, untuk mengakses elemen kedua dari array bersarang pertama, kita perlu menggunakan arr[0][1] .
Contoh
var arr = [
['a', 'b', 'c'],
['d', 'e', 'f']
];
// Accessing the 'b'
console.log[arr[0][1]];
// Accessing the 'f'
console.log[arr[1][2]];
▶ Jalankan kode Run HereAnda dapat menganggapnya sebagai sistem koordinat. Indeks pertama adalah baris dan indeks kedua adalah kolom
Mari mengakses elemen array 3-Dimensi
Contoh
var arr = [
[
[1, 2, 3],
[4, 5, 6]
],
[
[7, 8, 9],
[10, 11, 12]
]
];
// Accessing the 9
console.log[arr[1][0][2]];
// Accessing the 6
console.log[arr[0][1][2]];
_Jalankan Di SiniMenambahkan elemen dalam array multidimensi JavaScript
Untuk menambahkan elemen dalam array multidimensi, Anda dapat menggunakan metode atau
Metode push akan menambahkan elemen di akhir array. Anda dapat mendorong seluruh larik di akhir larik atau dapat menambahkan elemen baru ke larik internal apa pun.
Contoh. metode dorong
var arr = [
['a', 'b', 'c'],
['d', 'e', 'f']
];
// initial array
console.log[arr];
// Adding an array at the end
arr.push[['g', 'h', 'i']];
console.log[arr];
// Adding a new element to first internal array
arr[0].push['j'];
console.log[arr];
▶ Jalankan kode Run HereCatatan . Untuk menampilkan penggunaan Array 2-D. Ini menampilkan hasil dalam format tabel yang lebih mudah dibaca.
Output dari contoh di atas saat menggunakan console. tabel[] .
Metode lain untuk menambahkan elemen ke array adalah metode splice . Itu dapat menambah serta menghapus elemen pada indeks apa pun dari array.
Contoh. metode sambungan
var arr = [
['a', 'b', 'c'],
['d', 'e', 'f']
];
// initial array
console.log[arr];
// Adding an array at the end
arr.splice[2, 0, ['g', 'h', 'i']];
console.log[arr];
// Adding a new element in between
arr.splice[1, 0, [1, 2]];
console.log[arr];
_▶ Jalankan kode Run HereMenghapus elemen dari array multidimensi dalam JavaScript
Untuk menghapus elemen dari larik multidimensi, Anda dapat menggunakan metode pop atau splice .
Metode pop akan selalu menghapus elemen terakhir dari array dan mengembalikannya. Metode splice dapat menghapus elemen apa pun dari larik.
Contoh
var arr = [
['a', 'b', 'c'],
['d', 'e', 'f'],
['g', 'h', 'i']
];
// initial array
console.log[arr];
// Removing the last element
arr.pop[];
console.log[arr];
// Removing the second element of the first internal array
arr[0].splice[1, 1];
console.log[arr];
▶ Jalankan kode Run Hereperulangan melalui array multidimensi
Untuk mengulang melalui array multidimensi kita akan menggunakan 2 metode berbeda untuk setiap jenis array, forEach dan for loop
# Contoh 1. susunan 1-D
Contoh
var arr = ['a', 'b', 'c', 'd'];
// forEach method
arr.forEach[function[element] {
console.log[element];
}];
console.log['----------------'];
// for loop
for [var i = 0; i < arr.length; i++] {
console.log[arr[i]];
}
_Jalankan Di Sini# Contoh 2. susunan 2-D
Contoh
var arr = [
['a', 'b', 'c'],
['d', 'e', 'f']
];
// forEach method
arr.forEach[function[element] {
element.forEach[function[element] {
console.log[element];
}];
}];
console.log['----------------'];
// for loop
for [var i = 0; i < arr.length; i++] {
for [var j = 0; j < arr[i].length; j++] {
console.log[arr[i][j]];
}
}
_Jalankan Di Sini# Contoh 3. susunan 3-D
Contoh
var arr = Array[
[1, 2, 3],
[4, 5, 6]
];
0Jalankan Di SiniJumlah elemen dalam array multidimensi
Untuk menemukan jumlah semua elemen dalam array multidimensi, loop melalui array dan tambahkan semua elemen ke variabel
Contoh
var arr = Array[
[1, 2, 3],
[4, 5, 6]
];
1Jalankan Di SiniKesimpulan
Array multidimensi JavaScript sangat berguna saat Anda berurusan dengan data yang tidak dalam format linier. Sebagian besar data dunia nyata yang Anda tangani akan berupa array multidimensi dan dapat dikonversi ke sana