การเติมค่าอาร์เรย์หลายมิติใน JavaScript

สมมติว่าตอนนี้เราต้องการสร้างอาร์เรย์หลายมิติที่มีตัวเลขขึ้นมาบ้างผ่านลูป ตัวอย่างเช่น อาร์เรย์สองมิติแบบนี้:

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

มาแก้ปัญหาที่ตั้งไว้โดยใช้ลูปซ้อนสองชั้น ลูปชั้นนอกจะสร้างซับอาร์เรย์ ส่วนลูปชั้นในจะเติมซับอาร์เรย์เหล่านั้นด้วยตัวเลข:

javascriptlet arr = [];

for (let i = 0; i < 3; i++) {
  arr[i] = []; // สร้างซับอาร์เรย์
  
  for (let j = 0; j < 3; j++) {
    arr[i].push(j + 1); // เติมซับอาร์เรย์ด้วยตัวเลข
  }
}

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],
  ],
]