การวนซ้ำโครงสร้างหลายมิติใน JavaScript

สมมติว่าเรามีออบเจ็กต์นักเรียนดังต่อไปนี้:

let students = {
	'group1': ['student11', 'student12', 'student13'],
	'group2': ['student21', 'student22', 'student23'],
	'group3': ['student31', 'student32'],
};

ลองแสดงชื่อนักเรียนทั้งหมด ออกทางหน้าจอโดยใช้การวนซ้ำสองชั้น กับออบเจ็กต์ของเรา

อย่างที่คุณเห็น เรามีออบเจ็กต์ที่เก็บอาร์เรย์ ซึ่งหมายความว่าการวนซ้ำชั้นแรกควรวนผ่าน ออบเจ็กต์ และชั้นที่สองวนผ่านอาร์เรย์ นั่นคือ การวนซ้ำชั้นแรกจะเป็น for-in และชั้นที่สอง จะเป็น for-of ดังนี้:

for (let group in students) {
	for (let name of students[group]) {
		console.log(name);
	}
}

กำหนดโครงสร้างข้อมูลดังต่อไปนี้:

let data = {
	1: [
		'data11',
		'data12',
		'data13',
	],
	2: [
		'data21',
		'data22',
		'data23',
	],
	3: [
		'data31',
		'data32',
		'data33',
	],
	4: [
		'data41',
		'data42',
		'data43',
	],
};

ใช้การวนซ้ำซ้อนกันเพื่อแสดงทุกสตริงข้อมูล ทางหน้าจอ

กำหนดโครงสร้างข้อมูลดังต่อไปนี้:

let data = [
	{
		1: 'data11',
		2: 'data12',
		3: 'data13',
	},
	{
		1: 'data21',
		2: 'data22',
		3: 'data33',
	},
	{
		1: 'data31',
		2: 'data32',
		3: 'data33',
	},
];

ใช้การวนซ้ำซ้อนกันเพื่อแสดงทุกสตริงข้อมูล ทางหน้าจอ

กำหนดโครงสร้างข้อมูลดังต่อไปนี้:

let data = [
	{
		1: [
			'data111',
			'data112',
			'data113',
		],
		2: [
			'data121',
			'data122',
			'data123',
		],
	},
	{
		1: [
			'data211',
			'data212',
			'data213',
		],
		2: [
			'data221',
			'data222',
			'data223',
		],
	},
	{
		1: [
			'data411',
			'data412',
			'data413',
		],
		2: [
			'data421',
			'data422',
			'data423',
		],
	},
];

ใช้การวนซ้ำซ้อนกันเพื่อแสดงทุกสตริงข้อมูล ทางหน้าจอ