Прежде всего подумайте о том, как организовать структуру данных таким образом.
var fruits = [{'Top-Shelf': ['Milk', 'Grapes', 'Margarine'], 'Mid-Shelf': ['Beer', 'Eggs', 'Pizza','Сода'], 'Овощной ящик': ['Сельдерей', 'Брокколи', 'Морковь', 'Салат'], 'Ящик для мяса': ['Бекон', 'Турция', 'Ветчина', 'Курица'']}];
когда вы запускаете цикл for, например:
for(var i = 0; i < arr.length; i++)
{
console.log(fruits[i]);
}
, вы получаете логическое представление вашего приложения в консоли.
https://i.stack.imgur.com/1NbOn.png
Вторая часть вопроса, как получить подмассивы?Вот код для этого.
let fridge = [['Top Shelf', ['Milk', 'Grapes', 'Margarine']], ['Mid-Shelf', ['Beer', 'Eggs', 'Pizza' ', 'Soda']], ['Овощной ящик', ['Сельдерей', 'Брокколи', 'Морковь', 'Салат']], ['Ящик для мяса', ['Бекон', 'Турция', 'Ветчина' ', 'Цыпленок']]];
var result = fridge.map((arr)=>{
var result = "";
if(Array.isArray(arr) == true){
arr.map((arr1)=>{
result += arr1;
})
}
else {
result =+ arr+",";
}
return result;
});
console.log(result);
Попробуйте этот код в jsfiddle.