Introducción a la matriz multidimensional en JavaScript

Nativamente, JavaScript no proporciona matrices multidimensionales ni ninguna sintaxis de ellas. Sin embargo, podemos crear una matriz multidimensional en JavaScript haciendo una matriz de matrices, es decir, la matriz estará compuesta de otras matrices como elementos. La forma más fácil de definir una matriz multidimensional en JavaScript es utilizar la notación literal de la matriz. Los siguientes ejemplos crearán una persona de matriz bidimensional.

var Employee = (
(100, 'Ram', 'Agra'),
(101, 'Shyam', 'Aligarh'),
(102, 'Amit', 'Gwalior') )

La siguiente figura ilustra la matriz de empleados:

100

 RAM Agra
101 Shyam

Aligarh

102

 Amit

Gwalior

Acceso a elementos de matrices multidimensionales:

Para acceder a los elementos de una matriz 2D, usamos dos corchetes de la siguiente manera:

Alert(Employee(1)(2)); // Aligarh

Aquí el primer corchete le dará una matriz interna como resultado en cada índice de fila de la matriz externa como se muestra a continuación:

100

 RAM Agra
101 Shyam

Aligarh

102

 Amit

Gwalior

El segundo corchete se usa para acceder al elemento particular de la matriz interna en el índice de fila de la matriz externa dada. Por lo tanto, Employee (1) (0) hará referencia al primer elemento en el segundo subconjunto.

NOTA: El índice en JavaScript comienza con 0.

Console.log(Employee(1)(0)); // 101

Propiedades de la matriz multidimensional en JavaScript

A continuación se muestran las propiedades de la matriz multidimensional en JavaScript:

1. isArray (): esta función ayudará a determinar que la matriz dada es una matriz o no. El tipo de retorno de esta función es booleano.

var d()();
Array.isArray(d); // True

2. typeof: este operador se utiliza para encontrar el tipo de objeto pasado.

var d()();
typeof d; // Object

3. longitud: esta función devolverá la longitud de la matriz pasada.

var d(3, 6, 7);
d.length; // 3

Los 8 métodos principales en matriz multidimensional en JavaScript

A continuación se muestran los métodos utilizados en la matriz multidimensional en JavaScript:

1. Pop ()

Este método se utiliza para eliminar el elemento en el último índice de la matriz. Esto eventualmente dará como resultado que la longitud de la matriz disminuya en 1.

Código:

var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior'),
(103, 'Rahul', 'Mumbai') );
employee.pop();
console.log(employee);
employee(2).pop();
console.log(employee);

Salida:

2. Empujar ()

Este método se utiliza para insertar un elemento en la matriz en el último índice de la matriz. Esto eventualmente dará como resultado que la longitud de la matriz aumente en 1.

Código:

var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
employee.push((103, 'Rahul', 'Mumbai'));
console.log(employee);
employee(2).pop('TCS');
console.log(employee);

Salida:

3. Ordenar ()

Este método se utiliza para ordenar los elementos de la matriz alfabéticamente o en el orden numérico dado el tipo de matriz que se pasa. El método Ordenar también cambiará el orden de la matriz de forma permanente.

Código:

var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
employee.sort();
console.log(employee);

Salida:

4. Invertir ()

Este método se usa para invertir los elementos de la matriz. El resultado de este método es convertir el último elemento de índice en el primer y primer elemento de índice en el último.

Código:

var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
employee.reverse();
console.log(employee);

Salida:

5. IndexOf ()

Este método se utiliza para encontrar el índice de la primera aparición del elemento particular en la matriz. Si el elemento no está presente, devolverá -1.

Código:

var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
var id = 'Ram';
function index(id, arr) (
for (var i=0; i for (var j=0; j if (arr(i)(j) == id) ( return i; )
)
)
return -1;
)
console.log(index(id, employee)); var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
var id = 'Ram';
function index(id, arr) (
for (var i=0; i for (var j=0; j if (arr(i)(j) == id) ( return i; )
)
)
return -1;
)
console.log(index(id, employee)); var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
var id = 'Ram';
function index(id, arr) (
for (var i=0; i for (var j=0; j if (arr(i)(j) == id) ( return i; )
)
)
return -1;
)
console.log(index(id, employee));

Salida:

6. Shift ()

Este método se utiliza para desplazar la matriz a la izquierda, es decir, eliminar el primer elemento de la matriz y mover los otros elementos a su izquierda.

Código:

var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
console.log(employee.shift());
console.log(employee);

Salida:

7. Unshift ()

Este método se utiliza para desplazar la matriz a la derecha, es decir, agregar un nuevo elemento en los índices 0 y mover todos los demás elementos a su derecha.

var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
employee.unshift((103, 'Rahul', 'Mumbai'));
console.log(employee);

Salida:

8. Empalme ()

Este método se utiliza para insertar o eliminar cualquier número de elementos de la matriz.

Código:

var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
employee.splice(0, 1);// remove 1 element from 0 index
console.log(employee);
employee.splice(0, 2);// remove 2 element from 0 index
console.log(employee);
employee.splice(0, 0, (103, 'Rahul', 'Mumbai'));// add 1 element at 0, 0
console.log(employee);
employee.splice(0, 1, (100, 'Ram', 'Agra'));// add 1 element at 0, 1
console.log(employee);

Salida:

Nota: Push (), Pop (), Shift (), Unshift (), Splice (), etc., todos estos métodos se utilizan para manipular el contenido de las matrices multidimensionales.

Recorriendo los elementos de matrices multidimensionales

Para iterar a través de todos los elementos de la matriz multidimensional, necesitamos usar el concepto de bucle anidado para el siguiente:

Código:

// outer loop is for the outer array
for (var i=0; i // inner loop is for the inner arrays
for (var j=0; j // access each element of the 2D array
Console.log(arr(i)(j));
)
) // outer loop is for the outer array
for (var i=0; i // inner loop is for the inner arrays
for (var j=0; j // access each element of the 2D array
Console.log(arr(i)(j));
)
) // outer loop is for the outer array
for (var i=0; i // inner loop is for the inner arrays
for (var j=0; j // access each element of the 2D array
Console.log(arr(i)(j));
)
)

NOTA: Las matrices internas de la matriz multidimensional pueden ser de longitud variable, lo que la hace diferente de la matriz multidimensional de otros lenguajes de programación donde la longitud o las columnas son fijas.

Conclusión

Las matrices multidimensionales en JavaScript brindan la posibilidad de almacenar diferentes tipos de datos en una única matriz con cada matriz interna de elementos capaz de almacenar datos independientes del resto de la matriz con su longitud, que no se puede lograr en Java, C y otros lenguajes.

Artículo recomendado

Esta es una guía para la matriz multidimensional en Javascript. Aquí discutimos Introducción a la matriz multidimensional en Javascript y sus propiedades junto con los Métodos. También puede consultar nuestros otros artículos sugeridos para obtener más información:
  1. Las 10 características principales de JavaScript
  2. Python vs JavaScript - Diferencias principales
  3. Usos de JavaScript | Los 10 usos principales
  4. Para bucle en Python con diagrama de flujo
  5. Gráficos 2D en Java
  6. Matrices multidimensionales en C ++ con ejemplos
  7. ¿Cómo funciona la matriz en Unix con sintaxis?

Categoría:

Desarrollo de software