En este tutorial, aprenderá acerca de las matrices multidimensionales de JavaScript con la ayuda de ejemplos.
Una matriz multidimensional es una matriz que contiene otra matriz. Por ejemplo,
// multidimensional array const data = ((1, 2, 3), (1, 3, 4), (4, 5, 6));
Crear una matriz multidimensional
Así es como puede crear matrices multidimensionales en JavaScript.
Ejemplo 1
let studentsData = (('Jack', 24), ('Sara', 23), ('Peter', 24));
Ejemplo 2
let student1 = ('Jack', 24); let student2 = ('Sara', 23); let student3 = ('Peter', 24); // multidimensional array let studentsData = (student1, student2, student3);
Aquí, tanto el ejemplo 1 como el ejemplo 2 crean una matriz multidimensional con los mismos datos.
Acceder a elementos de una matriz
Puede acceder a los elementos de una matriz multidimensional mediante índices (0, 1, 2…) . Por ejemplo,
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
Puede pensar en una matriz multidimensional (en este caso, x), como una tabla con 3 filas y 2 columnas.
Acceder a elementos de matriz multidimensionales
Agregar un elemento a una matriz multidimensional
Puede usar el método push () de Array o una notación de indexación para agregar elementos a una matriz multidimensional.
Agregar elemento a la matriz externa
let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.push(('Peter', 24)); console.log(studentsData); //(("Jack", 24), ("Sara", 23), ("Peter", 24)
Agregar elemento a la matriz interna
// 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"))
También puede usar el método splice () de Array para agregar un elemento en un índice específico. Por ejemplo,
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))
Eliminar un elemento de una matriz multidimensional
Puede utilizar el método pop () de Array para eliminar el elemento de una matriz multidimensional. Por ejemplo,
Eliminar elemento de la matriz externa
// remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))
Eliminar elemento de la matriz interna
// remove the element from the inner array let studentsData = (('Jack', 24), ('Sara', 23)); studentsData(1).pop(); console.log(studentsData); // (("Jack", 24), ("Sara"))
También puede utilizar el splice()método para eliminar un elemento en un índice específico. Por ejemplo,
let studentsData = (('Jack', 24), ('Sara', 23),); // removing 1 index array item studentsData.splice(1,1); console.log(studentsData); // (("Jack", 24))
Iterando sobre una matriz multidimensional
Puede iterar sobre una matriz multidimensional utilizando el método forEach () de Array para iterar sobre la matriz multidimensional. Por ejemplo,
let studentsData = (('Jack', 24), ('Sara', 23),); // iterating over the studentsData studentsData.forEach((student) => ( student.forEach((data) => ( console.log(data); )); ));
Salida
Gato 24 sara 23
El primer forEach()método se usa para iterar sobre los elementos externos de la matriz y el segundo forEach()se usa para iterar sobre los elementos internos de la matriz.
También puede usar el for… ofciclo para iterar sobre la matriz multidimensional. Por ejemplo,
let studentsData = (('Jack', 24), ('Sara', 23),); for (let i of studentsData) ( for (let j of i) ( console.log(j); ) )
También puede usar el bucle for para iterar sobre una matriz multidimensional. Por ejemplo,
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)); ) )
