Array Multidimensional JavaScript
Neste tutorial você aprenderá como trabalhar com o Array (ou matriz) Multidimensional JavaScript.
English version: https://www.javascripttutorial.net/javascript-multidimensional-array/
Introdução
O JavaScript não fornece o array (ou matriz) multidimensional de forma nativa.
Entretanto, você pode criar um array multidimensional definindo um array de elementos onde cada elemento também é outro array. Ou seja, um array dentro de outro array.
Aqui você vai aprender:
- Criar um array de array
- O comando
console.table() - Adicionar elementos ao array multidimensional
- Remover elementos do Array Multidimensional
- Iterar pelos elementos do Array Multidimensional
Criar um array de array
Podemos dizer que um array multidimensional é um array de arrays.
A maneira mais fácil de criar um array multidimensional é usar a notação literal de array.
Array.isArray() para verificar se um objeto é um array ou não.O exemplo a seguir define um array bidimensional que vamos chamar de activities.
No array activities a primeira dimensão representa a atividade e a segunda mostra o número de horas gastas por dia em cada uma.
O comando console.table()
Para mostrar o array activities no console, use o método console.table() da seguinte forma:
Resultado:
Observe que a coluna index é para ilustração que indica os índices dos arrays internos.
Para acessar um elemento do array multidimensional, primeiro use colchetes [] para acessar um elemento do array externo que retorna um array interno e então use outro colchete para acessar o elemento do array interno.
O exemplo a seguir retorna o segundo elemento do primeiro array interno do array activities:
Adicionar elementos ao array multidimensional
Você pode usar os Métodos Array, como o push() e o splice() para manipular elementos de um array multidimensional.
push(): Adiciona no final.splice(): Adiciona em qualquer posição.
Adicionando no final do array
Por exemplo, para adicionar um novo elemento no final do array multidimensional, use o método push() como a seguir:
Resultado:
Adicionando no meio do array
Para inserir um elemento no meio do array, use o método splice(). Por exemplo, se você desejar inserir um elemento na segunda posição do array activities faça assim:
splice() para adicionar um elemento na segunda posição do arrayResultado:
Adicionando com forEach()
Este exemplo calcula a porcentagem de horas gastas em cada atividade e anexa a porcentagem ao array interno.
Resultado:
Remover elementos do Array Multidimensional
Para remover um elemento de um array, use os método pop() ou splice().
push(): Remove no final.splice(): Remove em qualquer posição.
Removendo o último elemento
Por exemplo, a instrução a seguir remove o último elemento do array activities.
Resultado:
Removendo com forEach()
Da mesma forma, você pode remover os elementos do array interno do array multidimensional usando o método pop(). O exemplo a seguir remove o elemento de porcentagem dos arrays internos do array activities.
Resultado:
Iterar pelos elementos do Array Multidimensional
Para iterar um array multidimensional, use o loop aninhado, como no exemplo a seguir:
O primeiro loop iterea sobre os elementos do array externo e o loop aninhado itera sobre os elementos do array interno.
Confira o resultado:
Ou você pode usar o método forEach() duas vezes:
Resultado:
Neste tutorial você aprendeu como usar um array de array para criar um array multidimensional.
Veja o índice de todos os tutoriais JavaScript
Confira uma série de outros tutoriais JavaScript que eu escrevi, clicando no link abaixo:
