Introdução à matriz multidimensional em JavaScript

Nativamente, o JavaScript não fornece matrizes multidimensionais ou qualquer sintaxe delas. No entanto, podemos criar uma matriz multidimensional em JavaScript criando uma matriz de matrizes, ou seja, a matriz consistirá em outras matrizes como elementos. A maneira mais fácil de definir uma matriz multidimensional em JavaScript é usar a notação literal da matriz. Os exemplos abaixo criarão uma pessoa de matriz bidimensional.

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

A figura abaixo ilustra a matriz de funcionários:

100

RAM Agra
101 Shyam

Aligarh

102

Amit

Gwalior

Acessando elementos de matrizes multidimensionais:

Para acessar os elementos de uma matriz 2D, usamos dois colchetes da seguinte maneira:

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

Por aqui, o primeiro colchete fornecerá uma matriz interna como resultado em cada índice de linha da matriz externa, como mostrado abaixo:

100

RAM Agra
101 Shyam

Aligarh

102

Amit

Gwalior

O segundo colchete é usado para acessar o elemento específico da matriz interna no índice de linha da matriz externa fornecido. Portanto, Employee (1) (0) fará referência ao primeiro elemento no segundo sub-array.

NOTA: O índice em JavaScript começa com 0.

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

Propriedades da matriz multidimensional em JavaScript

Abaixo estão as propriedades do Multi-Dimensional Array em JavaScript:

1. isArray (): Esta função ajudará a determinar se a matriz fornecida é uma matriz ou não. O tipo de retorno dessa função é booleano.

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

2. typeof: Este operador é usado para encontrar o tipo de objeto passado.

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

3. length: Esta função retornará o comprimento da matriz passada.

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

Os 8 principais métodos da matriz multidimensional em JavaScript

Abaixo estão os métodos usados ​​na matriz multidimensional em JavaScript:

1. Pop ()

Este método é usado para remover o elemento no último índice da matriz. Eventualmente, isso resultará no comprimento da matriz diminuído em 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);

Resultado:

2. Pressione ()

Este método é usado para inserir um elemento na matriz no último índice da matriz. Eventualmente, isso resultará no comprimento da matriz aumentado em 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);

Resultado:

3. Classificar ()

Este método é usado para classificar os elementos da matriz em ordem alfabética ou na ordem numérica, conforme o tipo de matriz que é passada. O método Sort também altera permanentemente a ordem da matriz.

Código:

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

Resultado:

4. Reverso ()

Este método é usado para reverter os elementos da matriz. A saída desse método está tornando o último elemento de índice no primeiro e o primeiro elemento no último.

Código:

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

Resultado:

5. IndexOf ()

Este método é usado para encontrar o índice da primeira ocorrência do elemento específico na matriz. Se o elemento não estiver presente, ele retornará -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));

Resultado:

6. Shift ()

Este método é usado para deslocar a matriz para a esquerda, ou seja, removendo o primeiro elemento da matriz e movendo os outros elementos para a esquerda.

Código:

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

Resultado:

7. Desvio ()

Este método é usado para mudar a matriz para a direita, ou seja, adicionando um novo elemento nos índices 0 e movendo todos os outros elementos para a direita.

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

Resultado:

8. Emenda ()

Este método é usado para inserir ou remover qualquer número de elementos da 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);

Resultado:

Nota: Push (), Pop (), Shift (), Unshift (), Splice () etc. todos esses métodos são usados ​​para manipular o conteúdo das matrizes multidimensionais.

Atravessando os elementos de matrizes multidimensionais

Para percorrer todos os elementos da matriz multidimensional, precisamos usar o conceito aninhado para loop, como abaixo:

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: As matrizes internas da matriz multidimensional podem ter comprimento variável, o que a diferencia de outras matrizes multidimensionais de outras linguagens de programação nas quais o comprimento ou as colunas são fixas.

Conclusão

Matrizes multidimensionais em JavaScript fornecem a facilidade de armazenar diferentes tipos de dados em uma única matriz, com cada matriz interna de elemento capaz de armazenar dados independentes do restante da matriz com seu comprimento, o que não pode ser alcançado em Java, C e outras linguagens.

Artigo recomendado

Este é um guia para Matriz Multidimensional em Javascript. Aqui discutimos Introdução à matriz multidimensional em Javascript e suas propriedades, juntamente com Métodos. Você também pode consultar nossos outros artigos sugeridos para saber mais -
  1. Os 10 principais recursos do JavaScript
  2. Python vs JavaScript - Principais Diferenças
  3. Usos de JavaScript | 10 principais usos
  4. Loop For em Python com fluxograma
  5. Gráficos 2D em Java
  6. Matrizes multidimensionais em C ++ com exemplos
  7. Como o Array funciona no Unix com sintaxe?