Iteratie over multidimensionale structuren in JavaScript

Stel dat we het volgende object met studenten hebben:

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

Laten we de namen van alle studenten op het scherm weergeven door ons object met twee geneste lussen te doorlopen.

Zoals je ziet, hebben we een object met arrays. Dit betekent dat de eerste lus over het object moet gaan en de tweede - over de arrays. Dat wil zeggen de eerste lus zal for-in zijn, en de tweede - for-of, zoals dit:

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

De volgende gegevensstructuur is gegeven:

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

Gebruik geneste lussen om alle tekenreeksen met gegevens op het scherm weer te geven.

De volgende gegevensstructuur is gegeven:

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

Gebruik geneste lussen om alle tekenreeksen met gegevens op het scherm weer te geven.

De volgende gegevensstructuur is gegeven:

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',
		],
	},
];

Gebruik geneste lussen om alle tekenreeksen met gegevens op het scherm weer te geven.