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

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

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

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

let 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);

สร้างอาร์เรย์ต่อไปนี้โดยใช้ลูปซ้อนสองชั้น:

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

สร้างอาร์เรย์ต่อไปนี้โดยใช้ลูปซ้อนสองชั้น:

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

สร้างอาร์เรย์ต่อไปนี้โดยใช้ลูปซ้อนสามชั้น:

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