Dalam tutorial ini, Anda akan belajar tentang array multidimensi JavaScript dengan bantuan contoh.
Array multidimensi adalah larik yang berisi larik lain. Sebagai contoh,
// multidimensional array const data = ((1, 2, 3), (1, 3, 4), (4, 5, 6));
Buat Array Multidimensi
Berikut adalah cara membuat array multidimensi di JavaScript.
Contoh 1
let studentsData = (('Jack', 24), ('Sara', 23), ('Peter', 24));
Contoh 2
let student1 = ('Jack', 24); let student2 = ('Sara', 23); let student3 = ('Peter', 24); // multidimensional array let studentsData = (student1, student2, student3);
Di sini, contoh 1 dan contoh 2 membuat array multidimensi dengan data yang sama.
Mengakses Elemen Array
Anda dapat mengakses elemen array multidimensi menggunakan indeks (0, 1, 2…) . Sebagai contoh,
let x = ( ('Jack', 24), ('Sara', 23), ('Peter', 24) ); // access the first item console.log(x(0)); // ("Jack", 24) // access the first item of the first inner array console.log(x(0)(0)); // Jack // access the second item of the third inner array console.log(x(2)(1)); // 24
Anda dapat menganggap array multidimensi (dalam hal ini, x), sebagai tabel dengan 3 baris dan 2 kolom.
Mengakses elemen array multidimensi
Tambahkan Elemen ke Array Multidimensi
Anda bisa menggunakan metode push () Array atau notasi pengindeksan untuk menambahkan elemen ke array multidimensi.
Menambahkan Elemen ke Array Luar
let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.push(('Peter', 24)); console.log(studentsData); //(("Jack", 24), ("Sara", 23), ("Peter", 24)
Menambahkan Elemen ke Inner Array
// using index notation let studentsData = (('Jack', 24), ('Sara', 23),); studentsData(1)(2) = 'hello'; console.log(studentsData); // (("Jack", 24), ("Sara", 23, "hello"))
// using push() let studentsData = (('Jack', 24), ('Sara', 23),); studentsData(1).push('hello'); console.log(studentsData); // (("Jack", 24), ("Sara", 23, "hello"))
Anda juga bisa menggunakan metode splice () Array untuk menambahkan elemen pada indeks yang ditentukan. Sebagai contoh,
let studentsData = (('Jack', 24), ('Sara', 23),); // adding element at 1 index studentsData.splice(1, 0, ('Peter', 24)); console.log(studentsData); // (("Jack", 24), ("Peter", 24), ("Sara", 23))
Hapus Elemen dari Array Multidimensi
Anda bisa menggunakan metode pop () Array untuk menghapus elemen dari array multidimensi. Sebagai contoh,
Hapus Elemen dari Outer Array
// remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))
Hapus Elemen dari Inner Array
// remove the element from the inner array let studentsData = (('Jack', 24), ('Sara', 23)); studentsData(1).pop(); console.log(studentsData); // (("Jack", 24), ("Sara"))
Anda juga dapat menggunakan splice()metode ini untuk menghapus elemen pada indeks yang ditentukan. Sebagai contoh,
let studentsData = (('Jack', 24), ('Sara', 23),); // removing 1 index array item studentsData.splice(1,1); console.log(studentsData); // (("Jack", 24))
Iterasi di atas Array Multidimensi
Anda dapat melakukan iterasi melalui array multidimensi menggunakan metode forEach () Array untuk melakukan iterasi melalui array multidimensi. Sebagai contoh,
let studentsData = (('Jack', 24), ('Sara', 23),); // iterating over the studentsData studentsData.forEach((student) => ( student.forEach((data) => ( console.log(data); )); ));
Keluaran
Jack 24 Sara 23
forEach()Metode pertama digunakan untuk mengulangi elemen array luar dan yang kedua forEach()digunakan untuk mengulangi elemen array dalam.
Anda juga dapat menggunakan for… ofloop untuk melakukan iterasi pada array multidimensi. Sebagai contoh,
let studentsData = (('Jack', 24), ('Sara', 23),); for (let i of studentsData) ( for (let j of i) ( console.log(j); ) )
Anda juga dapat menggunakan for loop untuk melakukan iterasi pada array multidimensi. Sebagai contoh,
let studentsData = (('Jack', 24), ('Sara', 23),); // looping outer array elements for(let i = 0; i < studentsData.length; i++)( // get the length of the inner array elements let innerArrayLength = studentsData(i).length; // looping inner array elements for(let j = 0; j < innerArrayLength; j++) ( console.log(studentsData(i)(j)); ) )
