Como a matriz aninhada funciona em javascript

Em JavaScript, quando uma matriz ou sub-matriz interna é adicionada a uma matriz, é conhecida como “MultidimensionáriaL "ou"Aninhado" variedade. O JavaScript não fornece um formato explícito para criar uma matriz aninhada; Portanto, precisamos aninhar os sub-maiores exigentes em uma única matriz externa. Além disso, os elementos das matrizes internos são acessados ​​com base em seu índice na matriz externa.

Depois de declarar uma matriz aninhada em JavaScript, você pode executar operações diferentes, como anexar sub-maiores, acessando os elementos das sub-maiores, iterando sobre todos os sub-maiores elementos, excluindo uma sub-matriz, ou seus elemento relacionado, e reduzindo a dimensionalidade da matriz aninhada.

Este artigo explicará o trabalhando do matrizes aninhadas em JavaScript com a ajuda de exemplos adequados. Então vamos começar!

Como criar uma matriz aninhada em JavaScript

Para criar uma matriz aninhada em JavaScript, você deve seguir a sintaxe abaixo:

Deixe Array = [[Inner_array1], [Inner_array2], [Inner_array3]…];

Aqui "variedade”Representa a matriz aninhada que contém múltiplos frete internos, como“INNER_ARRAY1","INNER_ARRAY2","INNER_ARRAY3”.

Exemplo: como criar uma matriz aninhada em javascript

Criaremos uma matriz multidimensional ou aninhada chamada “hobbies”Isso compreende ainda cinco matrizes internas:

Let Hobbies = [
['Reading', 4],
['Jardinagem', 2],
['Jogo', 1],
['Pintura', 8],
['Cozinha', 5]
];

No declarado “hobbies”Array, a primeira dimensão adicionada representa o“passatempo,”E o segundo indica o número máximo de“horas" gasto enquanto faz essa atividade.

Agora, para exibir o criado “hobbies”Array aninhado, utilizaremos o“console.mesa()”Método enquanto passava o“hobbies”Array como um argumento:

console.tabela (hobbies);

A execução do código acima do rumo mostrará os valores do “hobbies”Array em um formato de tabela, onde o primeira coluna representa o índice de matrizes internas e o outro duas colunas contém seus elementos que estão presentes no primeiro “[0]" e em segundo lugar "[1]Índice:

Como acessar elementos de matrizes aninhadas em JavaScript

Precisa acessar os elementos de uma matriz aninhada? Se sim, dê uma olhada na sintaxe abaixo:

variedade.[a] [b]

Aqui, "a”Representa o índice do“interno”Array na matriz aninhada criada e“b”Representa o índice do“elemento”No interior ou sub-matéria especificada.

Exemplo: como acessar elementos de matrizes aninhadas em javascript

Por exemplo, queremos acessar o “Culinária”Hobby que existe como o“Primeiro" elemento "[0] ”Da quinta matriz interna“ [4] ”:

Para executar a operação especificada, executaremos a instrução Código abaixo:

console.log (hobbies [4] [0]);

Como você pode ver na saída, acessamos com sucesso o valor do “hobbies”Array que é colocado no primeiro índice da quinta matriz interna:

Como adicionar elementos à matriz aninhada em JavaScript

O JavaScript oferece duas maneiras de adicionar elementos a uma matriz aninhada já criada; Ou você pode acrescentar um elemento no fim de uma matriz usando o “empurrar()”Método ou insira -o em um posição específica com a ajuda do “emenda ()”Método.

Exemplo: como adicionar elementos à matriz aninhada em JavaScript

Para empurrar o “[Ciclismo, 6]Sub-matraia no final do “hobbies”Array aninhado, passaremos como um argumento para o“hobbies.empurrar()”Método:

hobbies.push (['ciclismo', 6]);
console.tabela (hobbies);

Quando o dado “hobbies.empurrar()”É executado, ele adicionará a sub-matriz especificada no final do“hobbies" variedade:

Considerando que, para inserir uma sub-matriz no meio de outras matrizes internas, utilize o “emenda ()”Método da seguinte maneira:

hobbies.emenda (1, 0, ['cantando', 3]);
console.tabela (hobbies);

Aqui o "hobbies.emenda ()”O método substituirá o“hobbies”Array e adicione o“['Singing', 3]Sub-matriz na segunda posição:

Até este ponto, aprendemos o procedimento para criar uma matriz aninhada e adicionar elementos a ele. Na próxima seção, falaremos sobre a iteração dos elementos de uma matriz aninhada em JavaScript.

Como iterar sobre os elementos da matriz aninhada em JavaScript

Você pode saber que o javascript “para”O loop é utilizado principalmente para iterar sobre os elementos de uma matriz. No entanto, como no nosso caso, temos um “aninhado”Array, então adicionaremos dois“para”Loops aninhados dentro do outro.

Exemplo: Como itera sobre os elementos da matriz aninhada em JavaScript

O primeiro laço "para”O loop itera sobre o matriz externa elementos de acordo com seu tamanho e seu aninhado “para”O loop executará a iteração sobre o Sub-marcas internas:

para (leti = 0; iVarinnerArrayLength = Hobbies [i].comprimento;
para (vamos j = 0; j console.log ('[' + i + ',' + j + '] =' + hobbies [i] [j]);

A operação de iteração especificada exibirá todos os elementos do "hobbies”Array aninhado:

Você também pode usar o “Para cada()”Método para o mesmo propósito.

Como achatar uma matriz aninhada em JavaScript

Existem certos cenários em que você pode precisar criar uma matriz que compreenda todos os elementos de matriz JavaScript aninhados em sua ordem original. Se for esse o caso, então achatado a matriz aninhada criada para reduzir sua dimensionalidade.

O "Variedade.plano()”O método está incorporado em ES6, que ajuda achatando uma matriz JavaScript aninhada. Este método retorna uma nova matriz depois de concatenar todos os elementos de sub-maiúsculas.

Exemplo: Como achatar uma matriz aninhada em JavaScript

Por exemplo, para achatar o “hobbies”Array, executaremos o seguinte código na janela do console:

const flatArray = hobbies.plano();
console.log (flatArray);

O dado “hobbies.plano()”O método reduzirá a dimensionalidade do“hobbies”Array e achate os elementos da matriz interna:

Como excluir elementos da matriz aninhada em JavaScript

Para remover elementos de quaisquer sub-marcas de uma matriz aninhada, use o “pop ()”Método. O "pop ()”O método normalmente exclui a última matriz interior de uma matriz aninhada; No entanto, também ajuda a remover elementos de matrizes internas.

Exemplo: como excluir elementos da matriz aninhada em javascript

Antes de utilizar o “pop ()”Método, temos os seguintes sub-maiores no“hobbies”Array aninhado:

Agora, quando invocamos o “pop ()”Método, a última sub-matriz será excluída junto com seus elementos:

hobbies.pop ();
console.tabela (hobbies);

Saída

Para remover o segundo elemento de cada “Sub-matriz", Vamos iterar através do"hobbies”Array usando o“para cada()”Método, e em cada iteração“pop ()”Método exclui o elemento posicionado no primeiro índice:

hobbies.foreach ((hobby) =>
passatempo.pop (1);
);
console.tabela (hobbies);

Pode ser visto na saída abaixo do qual o elemento que representa o número máximo de horas gastas em cada hobby é excluído para todos os sub-maiores:

Compilamos todas as informações essenciais relacionadas ao funcionamento de matrizes aninhadas em JavaScript. Você pode explorá -los ainda mais de acordo com suas preferências.

Conclusão

Quando uma matriz ou sub-matriz interna é adicionada a uma matriz externa, é chamada de Array aninhado. Depois de criar uma matriz aninhada de JavaScript, você pode usar o “empurrar()" e "emenda ()”Método para adicionar elementos,“para loop" e "para cada()”Método para iterar sobre os elementos das matrizes internas,“plano()”Método para reduzir a dimensionalidade e“pop ()”Método para excluir sub-maiores ou seus elementos das matrizes aninhadas. Este artigo explicou o funcionamento de loops aninhados em JavaScript.