使用数组列表并在 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