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

【问题标题】：How to get the individual value from a list of multiple objects using Angular如何使用Angular从多个对象列表中获取单个值
【发布时间】：2021-02-14 20:17:30
【问题描述】：

我有如下列出的 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}

【问题讨论】：

它是一个对象数组吗？
是的。它是一个对象数组

标签： javascript angular typescript angular7

【解决方案1】：

使用条件为 id 为 2 且名称为“样本 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)

【讨论】：