如何使用 Angular 从多个对象的列表中获取单个值

Question

I have a 4 set of objects listed as below, I need to take the name "sample 4" from the second set of objects (Id: 2). How can I get this value using 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

Use array filter with condition where id is 2 and name is 'sample 4'. This will return another array. You can then retrieve the value from it

 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)