Iterowanie po wielowymiarowych strukturach JavaScript

Załóżmy, że mamy następujący obiekt ze studentami:

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

Wyświetlmy na ekranie imiona wszystkich studentów, iterując po naszym obiekcie za pomocą dwóch zagnieżdżonych pętli.

Jak widzisz, mamy obiekt z tablicami. Oznacza to, że pierwsza pętla powinna być po obiekcie, a druga - po tablicach. To znaczy pierwsza pętla będzie for-in, a druga - for-of, o tak:

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

Dana jest następująca struktura z danymi:

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

Za pomocą zagnieżdżonych pętli wyświetl na ekranie wszystkie ciągi znaków z danymi.

Dana jest następująca struktura z danymi:

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

Za pomocą zagnieżdżonych pętli wyświetl na ekranie wszystkie ciągi znaków z danymi.

Dana jest następująca struktura z danymi:

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

Za pomocą zagnieżdżonych pętli wyświetl na ekranie wszystkie ciągi znaków z danymi.