如何從數組中獲取「名稱」屬性，如果我知道其相應的「ID」

Question

我有一個簡單的數組與id和名稱。如果我知道ID那我該怎麼取名字，排列如下圖所示：

var dataobj = [ 
    {id:1,name:"Jessica"}, 
{id:2,name:"Tom"}, 
{id:3,name:"Will"} 
]; 

我有id例如跟我在一個變量，我怎麼能得到名屬於這個ID？

我在我的slist.component.ts中有clickedID=2價值，我想取對應的name，我該怎麼做？

Answer 1

要登錄屬於ID 2名，這是簡單如下：

let obj = dataobj.find(obj => obj.id === 2); 
console.log(obj.name); 

Answer 2

可以使用ES6數組語法：

dataobj.find(el => el.id === 2) 

輸出：

Object {id: 2, name: "Tom"} 

Answer 3

您可以使用數組找到方法

const secondItem = dataObj.find(function (item){ 
    return item.id === 2; 
}) 

然後名稱可以作爲

訪問

secondItem.name 

Answer 4

你可以做一些更具可讀性和可重複使用的帶動態找

var dataobj = [ 
 
{id:1,name:"Jessica"}, 
 
{id:2,name:"Tom"}, 
 
{id:3,name:"Will"} 
 
]; 
 

 
let getNameFromObjId = obj => id => obj.find(x=> x.id===id).name; 
 
console.log(getNameFromObjId(dataobj)(2))