从对象数组中获取第一个对象

时间:2018-08-23 16:19:17

标签: reactjs

我正在尝试从对象数组中获取第一个对象。在componentDidMount中获取数据并返回:

var array1 = [
    {
      Id: 1, 
      Categories: 200 
    },
    {
      Id: 2, 
      Categories: 100 
    }
]

(实际数据要复杂得多,但格式相同) 我想要的是这个

array2 = [
    Id: 1, 
    Categories: 200
]

我正在使用

var iterator1 = array1.entries();
let array2 = iterator1.next().value

,当我console.log(array2)时显示数组数据(所有键和值都在数组的索引1中),然后当我console.log(array2[1].Id)时显示 它在类组件的render方法内部显示了未定义的内容。我在其他IDE中使用相同的代码,但未使用react代码。有人可以向我解释吗?感谢任何帮助。

编辑: 最后,我发现我问错了问题。我无法获得数据,因为我在我的精简器中将数据声明为对象而不是数组。我用larz标记答案,因为您只需要放置索引0即可从对象数组中获取第一个对象。

1 个答案:

答案 0 :(得分:1)

使用[0]来获取数组中的第一项,这将返回您所用的对象。然后,您可以调用.Id以获得ID。

var array1 = [
    {
      Id: 1, 
      Categories: 200 
    },
    {
      Id: 2, 
      Categories: 100 
    }
];

var first = array1[0];

console.log(first, first.Id);