Получить информацию из Array, затем Object в Javascript

Question

Я пытаюсь отобразить данные после выборки.Я сгруппировал эти данные по дате, поэтому я сгруппировал свои объекты в массив, в котором дата является основным ключом.

Но теперь я немного растерялся и не знаю, как отобразить, получить дату в виде раздела Заголовок, а затем объекты.

Это мои данные:

"31 janvier 2015": Array [
    Object {
      "image": "image",
      "name": "name",
    },
    Object {
      "image": "image",
      "name": "name",
    },
],
"02 février 2016": Array [
    Object {
      "image": "image",
      "name": "name",
    },
    Object {
      "image": "image",
      "name": "name",
    },
]

Я хотел бы отобразить его в виде списка разделов:

31 janvier 2015
> object
> object
02 février 2016
> object
> object

Я думаю, что могу сопоставить объекты, но сначала мне нужно получить дату и войти в этот массив.

Answer 1

Перебирайте ключи карты, отображая дату и перечисляя элементы.

for(let date in list){
  // Date as SECTION HEADING
  console.log(date);
  // access items...
  const items = list[date];
  // Display item
  items.forEach(console.log);
}

Answer 2

То, что у вас есть, это ассоциативный массив, то есть массив, в котором вместо числовых индексов есть строки. Он работает так же, как если бы вы, например, делали person['age'] на объекте person.

Вы можете перебирать «индексы» с помощью приведенного ниже кода, проверяя hasOwnProperty, чтобы избежать любых унаследованных свойств. Затем вы можете получить доступ к вашим датам по ключу

for (var key in MainArray) {
  if (MainArray.hasOwnProperty(key))
    console.log(MainArray[key]);
}