Javascript foreach loop array multidimensi

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]);

Anda 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]);

Menambahkan 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);

Catatan . 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);

laporkan iklan ini

Menghapus 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);

perulangan 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]);
}

# 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]);
  }
}

# Contoh 3. susunan 3-D

Contoh

var arr = Array(
  [1, 2, 3],
  [4, 5, 6]
);

Jumlah 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]
);

Kesimpulan

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

Bagaimana cara menggunakan forEach loop untuk array multidimensi dalam JavaScript?

Bisakah kita menggunakan loop forEach dalam array multidimensi?

Bagaimana Anda menggunakan setiap loop dalam array dua dimensi?

Bagaimana cara memanggil array multidimensi dalam JavaScript?