使用数组列表并在 React 中访问其元素

Question

我在应用中使用了两个对象。

第一种类型如下所示：

我可以像这样访问性别：data.results[0].gender

因此，为了详细说明这一点，我决定记录数据数组中的所有人，现在我有一个看起来像这样的对象：

如何从这样的对象中引用和访问选定人员的姓名？

Answer 1

公平地说，这似乎是一种保存数据的糟糕/混乱的方式，但也许你可以在你的人的id或uuid或用户名（比如说）和相应的对象之间定义一个映射，然后通过它们的id调用它们来检索你需要的信息：const peopleMap = new Map();for (person in array){peopleMap.set(person.id.value, person)}前任。let aparticularid = '92bd-asd1-24nas-213c-3cac-31ac'; let person = peopleMap.get(aparticularid);let fullname = person.title + ' ' + person.first + ' '+ person.last;实际上，你会从其他地方或某个事件中检索特定的ID。或者，如果可以保证名称的唯一性，则可以将名称映射到相应的对象（如果它们不唯一，则对象将在映射中被覆盖）

Answer 2

您可以使用 来循环访问数组的项。.map()示例 -yourArray.map(x => {  const {title, first, last} = x.name;  console.log(`${title} | ${first} } ${last}`)})const yourArray = [  {    id: {name: 'HETU', value: 'NAANANFSF'},    name: {title: 'Ms.', first: 'Mila', last: 'Heitet'}  },  {    id: {name: 'Tom', value: 'TANN'},    name: {title: 'Mr.', first: 'Tom', last: 'Altar'}  },  {    id: {name: 'HARRY', value: 'HARSFF'},    name: {title: 'Mr.', first: 'Harry', last: 'Krishna'}  }];yourArray.map(x => {  const {title, first, last} = x.name;  console.log(`${title} | ${first} | ${last}`)})

Answer 3

根据第二个屏幕截图，这是一个对象数组。让我们调用数组，然后您可以通过以下方式访问 -th 人的姓名：和分别。arriarr[i].name.firstarr[i].name.last