返回數組中的對象屬性

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)