返回数组中的对象属性

Question

我有一个看起来像这样的数组：

const arr = [{
    name: 'One',
    id: 1
  },
  {
    name: 'Two',
    id: 2
  }
];

然后，如果 id 匹配，我只想返回对象的名称。

我尝试过类似以下的操作，但它以数组形式返回整个对象：

 const arr = [{ name: 'One', id: 1 }, { name: 'Two', id: 2 } ]; const getNameFromId = id => { return arr.filter(item => { if (item.id === id) { return item.name; } }) } const res = getNameFromId(1) // This should return `'One'` console.log(res)

Answer 1

您可能更喜欢使用find代替。

const id = 2
arr.find(val => val.id === id).name

你应该检查find返回一个值

const getNameFromId = id => {
  const search = arr.find(val => val.id === id)
  if (search) {
    return search.name
  }
}

Answer 2

如果您使用filter （它返回一个数组），您可以从第一个元素中获取name 。 find ，在另一个答案中提到的find可能更适合您的需求。

 const arr = [{ name: 'One', id: 1 }, { name: 'Two', id: 2} ]; const getNameFromId = (id) => { return arr.filter(item => item.id === id)[0].name; } const res = getNameFromId(1) console.log(res)