Σε αυτό το σεμινάριο, θα μάθετε για πολυδιάστατους πίνακες JavaScript με τη βοήθεια παραδειγμάτων.
Ένας πολυδιάστατος πίνακας είναι ένας πίνακας που περιέχει έναν άλλο πίνακα. Για παράδειγμα,
// multidimensional array const data = ((1, 2, 3), (1, 3, 4), (4, 5, 6));
Δημιουργήστε ένα πολυδιάστατο πίνακα
Δείτε πώς μπορείτε να δημιουργήσετε πολυδιάστατους πίνακες σε JavaScript.
Παράδειγμα 1
let studentsData = (('Jack', 24), ('Sara', 23), ('Peter', 24));
Παράδειγμα 2
let student1 = ('Jack', 24); let student2 = ('Sara', 23); let student3 = ('Peter', 24); // multidimensional array let studentsData = (student1, student2, student3);
Εδώ, τόσο το παράδειγμα 1 όσο και το παράδειγμα 2 δημιουργούν έναν πολυδιάστατο πίνακα με τα ίδια δεδομένα.
Πρόσβαση στα στοιχεία μιας συστοιχίας
Μπορείτε να αποκτήσετε πρόσβαση στα στοιχεία ενός πολυδιάστατου πίνακα χρησιμοποιώντας δείκτες (0, 1, 2…) . Για παράδειγμα,
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
Μπορείτε να σκεφτείτε έναν πολυδιάστατο πίνακα (σε αυτήν την περίπτωση, x), ως πίνακα με 3 σειρές και 2 στήλες.
Πρόσβαση σε πολυδιάστατα στοιχεία πίνακα
Προσθέστε ένα στοιχείο σε μια πολυδιάστατη συστοιχία
Μπορείτε να χρησιμοποιήσετε τη μέθοδο push () του Array ή μια σημείωση ευρετηρίου για να προσθέσετε στοιχεία σε έναν πολυδιάστατο πίνακα.
Προσθήκη στοιχείου στην εξωτερική σειρά
let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.push(('Peter', 24)); console.log(studentsData); //(("Jack", 24), ("Sara", 23), ("Peter", 24)
Προσθήκη στοιχείου στην εσωτερική σειρά
// 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"))
Μπορείτε επίσης να χρησιμοποιήσετε τη μέθοδο του Array's splice () για να προσθέσετε ένα στοιχείο σε ένα καθορισμένο ευρετήριο. Για παράδειγμα,
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))
Αφαιρέστε ένα στοιχείο από μια πολυδιάστατη συστοιχία
Μπορείτε να χρησιμοποιήσετε τη μέθοδο pop () του Array για να αφαιρέσετε το στοιχείο από έναν πολυδιάστατο πίνακα. Για παράδειγμα,
Αφαιρέστε το στοιχείο από την εξωτερική σειρά
// remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))
Κατάργηση στοιχείου από το Inner Array
// remove the element from the inner array let studentsData = (('Jack', 24), ('Sara', 23)); studentsData(1).pop(); console.log(studentsData); // (("Jack", 24), ("Sara"))
Μπορείτε επίσης να χρησιμοποιήσετε τη splice()μέθοδο για να καταργήσετε ένα στοιχείο σε ένα καθορισμένο ευρετήριο. Για παράδειγμα,
let studentsData = (('Jack', 24), ('Sara', 23),); // removing 1 index array item studentsData.splice(1,1); console.log(studentsData); // (("Jack", 24))
Επανάληψη μέσω πολυδιάστατης συστοιχίας
Μπορείτε να επαναλάβετε έναν πολυδιάστατο πίνακα χρησιμοποιώντας τη μέθοδο του Array's forEach () για να επαναλάβετε τον πολυδιάστατο πίνακα. Για παράδειγμα,
let studentsData = (('Jack', 24), ('Sara', 23),); // iterating over the studentsData studentsData.forEach((student) => ( student.forEach((data) => ( console.log(data); )); ));
Παραγωγή
Τζακ 24 Σάρα 23
Η πρώτη forEach()μέθοδος χρησιμοποιείται για την επανάληψη των στοιχείων της εξωτερικής συστοιχίας και η δεύτερη forEach()για την επανάληψη των στοιχείων της εσωτερικής συστοιχίας.
Μπορείτε επίσης να χρησιμοποιήσετε το for… ofβρόχο για να επαναλάβετε τον πολυδιάστατο πίνακα. Για παράδειγμα,
let studentsData = (('Jack', 24), ('Sara', 23),); for (let i of studentsData) ( for (let j of i) ( console.log(j); ) )
Μπορείτε επίσης να χρησιμοποιήσετε το for loop για να επαναλάβετε έναν πολυδιάστατο πίνακα. Για παράδειγμα,
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)); ) )
