如何使用 Angular 從多個對象的列表中獲取單個值

Question

我有如下列出的 4 組對象，我需要從第二組對象（Id：2）中獲取名稱“樣本 4”。 如何使用 javascript /angular 獲取此值。

 {Id: 1, name: sample 1, code: "type", order: 1} {Id: 1, name: sample 2, code: "type1", order: 2} {Id: 1, name: sample 3, code: "type2", order: 3} {Id: 2, name: sample 1, code: "type", order: 1} {Id: 2, name: sample 2, code: "type1", order: 2} {Id: 2, name: sample 3, code: "type2", order: 3} {Id: 2, name: sample 4, code: "type3", order: 4} {Id: 3, name: sample 1, code: "type", order: 1} {Id: 3, name: sample 2, code: "type1", order: 2} {Id: 3, name: sample 3, code: "type2", order: 3} {Id: 4, name: sample 1, code: "type", order: 1} {Id: 4, name: sample 2, code: "type1", order: 2} {Id: 4, name: sample 3, code: "type2", order: 3}

Answer 1

使用條件為 id 為 2 且名稱為 'sample 4' 的數組過濾器。 這將返回另一個數組。 然后您可以從中檢索值

 let data = [{ Id: 1, name: 'sample 1', code: "type", order: 1 }, { Id: 1, name: 'sample 2', code: "type1", order: 2 }, { Id: 1, name: 'sample 3', code: "type2", order: 3 }, { Id: 2, name: 'sample 1', code: "type", order: 1 }, { Id: 2, name: 'sample 2', code: "type1", order: 2 }, { Id: 2, name: 'sample 3', code: "type2", order: 3 }, { Id: 2, name: 'sample 4', code: "type3", order: 4 }, { Id: 3, name: 'sample 1', code: "type", order: 1 }, { Id: 3, name: 'sample 2', code: "type1", order: 2 }, { Id: 3, name: 'sample 3', code: "type2", order: 3 }, { Id: 4, name: 'sample 1', code: "type", order: 1 }, { Id: 4, name: 'sample 2', code: "type1", order: 2 }, { Id: 4, name: 'sample 3', code: "type2", order: 3 } ]; let newData = data.filter(item => item.Id === 2 && item.name === 'sample 4'); console.log(newData)