【问题标题】:Get info from Array then Object in Javascript从 Array 获取信息,然后在 Javascript 中获取 Object
【发布时间】:2019-05-03 07:41:20
【问题描述】:

我正在尝试在 Fetch 之后显示数据。我按日期对这些数据进行分组,因此我将我的对象分组到一个以日期作为主键的数组中。

但现在,我有点迷茫,不知道如何将日期显示为标题部分,然后显示对象。

这是我的数据:

"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

我想我可以映射对象,但首先我必须获取日期并进入该数组。

【问题讨论】:

  • 这些数据在我看来甚至都无效。我的意思是您是在数据中获取 Array 和 Object 数据类型,还是您添加了它们?
  • 这是一个来自 console.log() 的例子

标签: javascript arrays react-native object


【解决方案1】:

你所拥有的是一个关联数组,它是一个数组,而不是数字索引有字符串。它的工作原理就像一个对象,例如,如果你对一个人对象执行person['age']

您可以使用以下代码遍历“索引”,检查hasOwnProperty 以避免任何继承的属性。然后,您可以按键访问您的日期

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

【讨论】:

    【解决方案2】:

    遍历地图键,显示日期并列出项目。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-05-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-01-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多