reactjs - 从 react 中的对象数组中获取第一个对象

Question

这个问题已经有答案了:

How to get the first element of an array? (37 个回答)

已关闭 5 年前。

我正在尝试从对象数组中获取第一个对象。在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)它在类组件的渲染方法内部显示未定义。我在其他 IDE 中使用相同的代码，但不使用 React 代码工作。有人可以向我解释一下吗？感谢任何帮助。

编辑:最后我发现我问错了问题。我未能获取数据，因为我将化简器中的数据声明为对象而不是数组。我用 larz 标记了答案，因为您只需要输入索引 0 即可从对象数组中获取第一个对象。

Answer 1

使用 [0] 获取数组中的第一项，这会在您的情况下返回一个对象。然后你可以调用.Id来获取id。

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

var first = array1[0];

console.log(first, first.Id);