Preenchendo Arrays Multidimensionais em JavaScript

Suponha que agora queremos criar um array multidimensional com números usando um loop. Por exemplo, um array bidimensional como este:

javascript[[1, 2, 3], [1, 2, 3], [1, 2, 3]]

Vamos resolver este problema usando dois loops aninhados. O loop externo irá criar os subarrays, e o loop interno irá preencher esses subarrays com números:

javascriptlet arr = [];

for (let i = 0; i < 3; i++) {
  arr[i] = []; // criando um subarray
  
  for (let j = 0; j < 3; j++) {
    arr[i].push(j + 1); // preenchendo o subarray com números
  }
}

console.log(arr);

javascript[[1, 2, 3, 4, 5], [1, 2, 3, 4, 5], [1, 2, 3, 4, 5]]

javascript[
  ['x', 'x', 'x', 'x'],
  ['x', 'x', 'x', 'x'],
  ['x', 'x', 'x', 'x']
]

javascript[
  [
    [1, 2, 3, 4, 5],
    [1, 2, 3, 4, 5],
  ],
  [
    [1, 2, 3, 4, 5],
    [1, 2, 3, 4, 5],
  ],
  [
    [1, 2, 3, 4, 5],
    [1, 2, 3, 4, 5],
  ],
]