Arrays multidimensionais em JavaScript

Os elementos de um array podem ser não apenas strings e números, mas também outros arrays. Nesse caso, teremos um array de arrays ou array multidimensional.

No exemplo a seguir, o array arr consiste em três elementos, que por sua vez são arrays:

javascriptlet arr = [['a', 'b', 'c'], ['d', 'e', 'f'], ['g', 'h', 'i']];

Vamos reescrever de forma mais legível:

javascriptlet arr = [
  ['a', 'b', 'c'],
  ['d', 'e', 'f'],
  ['g', 'h', 'i'],
];

Dependendo do nível de aninhamento, os arrays podem ser bidimensionais - array de arrays, tridimensionais - array de arrays de arrays (e assim por diante - quadridimensionais, pentadimensionais, etc.).

O array apresentado acima é bidimensional, pois dentro de um array estão dispostos outros subarrays e dentro desses subarrays não há outros arrays.

Para exibir um elemento de um array bidimensional, deve-se usar não um par de colchetes, mas dois:

javascriptlet arr = [
  ['a', 'b', 'c'],
  ['d', 'e', 'f'],
  ['g', 'h', 'i'],
];

console.log(arr[0][1]); // exibirá 'b'
console.log(arr[1][2]); // exibirá 'f'

javascriptlet arr = [
  ['a', 'b', 'c'],
  ['d', 'e', 'f'],
  ['g', 'h', 'i'],
  ['j', 'k', 'l'],
];

javascriptlet arr = [[1, 2], [3, 4], [5, 6]];