У цьому посібнику ви дізнаєтесь про багатовимірні масиви 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 () масиву або позначення індексації, щоб додати елементи до багатовимірного масиву.
Додавання елемента до зовнішнього масиву
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"))
Ви також можете використовувати метод масиву 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 () масиву, щоб видалити елемент із багатовимірного масиву. Наприклад,
Видаліть елемент із зовнішнього масиву
// remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))
Видаліть елемент із внутрішнього масиву
// 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 для ітерації багатовимірного масиву. Наприклад,
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)); ) )
