Ebben az oktatóanyagban példák segítségével megismerheti a JavaScript többdimenziós tömbjeit.
A többdimenziós tömb egy tömb, amely egy másik tömböt tartalmaz. Például,
// multidimensional array const data = ((1, 2, 3), (1, 3, 4), (4, 5, 6));
Hozzon létre egy többdimenziós tömböt
Így hozhat létre többdimenziós tömböt a JavaScript-ben.
1. példa
let studentsData = (('Jack', 24), ('Sara', 23), ('Peter', 24));
2. példa
let student1 = ('Jack', 24); let student2 = ('Sara', 23); let student3 = ('Peter', 24); // multidimensional array let studentsData = (student1, student2, student3);
Itt az 1. és a 2. példa létrehoz egy többdimenziós tömböt ugyanazokkal az adatokkal.
Tömb hozzáférési elemei
A többdimenziós tömb elemeihez indexek (0, 1, 2…) segítségével férhet hozzá . Például,
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
Gondolhat egy többdimenziós tömbre (ebben az esetben x), mint egy 3 soros és 2 oszlopos táblára.
Többdimenziós tömb elemek eléréseAdjon hozzá egy elemet egy többdimenziós tömbhöz
Az Array push () metódusát vagy indexelő jelölését használhatja elemek hozzáadásához egy többdimenziós tömbhöz.
Elem hozzáadása a külső tömbhöz
let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.push(('Peter', 24)); console.log(studentsData); //(("Jack", 24), ("Sara", 23), ("Peter", 24)
Elem hozzáadása a belső tömbhöz
// 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"))
Az Array splice () metódusával elemet is hozzáadhat egy megadott indexhez. Például,
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))
Távolítson el egy elemet egy többdimenziós tömbből
Az Array pop () metódusával eltávolíthatja az elemet egy többdimenziós tömbből. Például,
Távolítsa el az elemet a külső tömbből
// remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))
Távolítsa el az elemet a belső tömbből
// remove the element from the inner array let studentsData = (('Jack', 24), ('Sara', 23)); studentsData(1).pop(); console.log(studentsData); // (("Jack", 24), ("Sara"))
A splice()
metódus segítségével eltávolíthat egy elemet egy megadott indexből is. Például,
let studentsData = (('Jack', 24), ('Sara', 23),); // removing 1 index array item studentsData.splice(1,1); console.log(studentsData); // (("Jack", 24))
Többdimenziós tömb fölött ismétlődik
Többdimenziós tömbön iterálhat az Array forEach () metódusával a többdimenziós tömb fölött. Például,
let studentsData = (('Jack', 24), ('Sara', 23),); // iterating over the studentsData studentsData.forEach((student) => ( student.forEach((data) => ( console.log(data); )); ));
Kimenet
Jack 24 Sara 23
Az első forEach()
módszert a külső tömbelemek iterálására, a másodikat forEach()
a belső tömbelemek iterálására használjuk.
A for… of
hurok segítségével a többdimenziós tömbön is iterálhat. Például,
let studentsData = (('Jack', 24), ('Sara', 23),); for (let i of studentsData) ( for (let j of i) ( console.log(j); ) )
A for ciklust is felhasználhatja többdimenziós tömbön történő iterációra. Például,
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)); ) )