Array Multidimensi JavaScript

Dalam tutorial ini, anda akan belajar mengenai tatasusunan multidimensi JavaScript dengan bantuan contoh.

Susunan multidimensi adalah tatasusunan yang mengandungi susunan lain. Sebagai contoh,

 // multidimensional array const data = ((1, 2, 3), (1, 3, 4), (4, 5, 6));

Buat Array Multidimensi

Inilah cara anda boleh membuat susunan multidimensi dalam 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, kedua-dua contoh 1 dan contoh 2 membuat tatasusunan multidimensi dengan data yang sama.

Akses Elemen Array

Anda boleh mengakses elemen array pelbagai dimensi 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 boleh memikirkan susunan multidimensi (dalam kes ini, x), sebagai jadual dengan 3 baris dan 2 lajur.

Mengakses elemen tatasusunan pelbagai dimensi

Tambahkan Elemen ke Array Multidimensi

Anda boleh menggunakan kaedah Array's push () atau notasi pengindeksan untuk menambahkan elemen ke array multidimensi.

Menambah Elemen ke Array Luar

 let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.push(('Peter', 24)); console.log(studentsData); //(("Jack", 24), ("Sara", 23), ("Peter", 24)

Menambah Elemen pada Array Batin

 // 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 boleh menggunakan kaedah Array's splice () 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))

Keluarkan Elemen dari Array Multidimensi

Anda boleh menggunakan kaedah Array's pop () untuk membuang elemen dari tatasusunan multidimensi. Sebagai contoh,

Keluarkan Elemen dari Outer Array

 // remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))

Keluarkan Elemen dari Array Dalam

 // remove the element from the inner array let studentsData = (('Jack', 24), ('Sara', 23)); studentsData(1).pop(); console.log(studentsData); // (("Jack", 24), ("Sara"))

Anda juga boleh menggunakan splice()kaedah untuk membuang 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))

Berterusan pada Array Multidimensi

Anda boleh melakukan lelang pada array multidimensi menggunakan kaedah Array's forEach () untuk melakukan lelaran ke atas array multidimensi. Sebagai contoh,

 let studentsData = (('Jack', 24), ('Sara', 23),); // iterating over the studentsData studentsData.forEach((student) => ( student.forEach((data) => ( console.log(data); )); ));

Pengeluaran

 Jack 24 Sara 23

forEach()Kaedah pertama digunakan untuk melakukan lelaran ke atas elemen susunan luar dan yang kedua forEach()digunakan untuk melakukan lelaran ke atas elemen susunan dalam.

Anda juga boleh menggunakan for… ofgelung untuk melakukan lelaran pada susunan multidimensi. Sebagai contoh,

 let studentsData = (('Jack', 24), ('Sara', 23),); for (let i of studentsData) ( for (let j of i) ( console.log(j); ) )

Anda juga boleh menggunakan gelung untuk mengulangi susunan pelbagai dimensi. 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)); ) )

Artikel menarik...