更改 JSON 结构响应答案

【问题标题】：Change the JSON structure response更改 JSON 结构响应
【发布时间】：2019-11-17 15:23:51
【问题描述】：

我使用以下代码为项目创建了 json 响应：

this.parts = this.getParts().filter((item) => {
  return item.manufactureId === Number(manufactureId)
  });

它从我的这个 json 中返回部件的 ID：

[{id: 02020013, manufactureId: 0202, name: cable}]

我也尝试使用此代码但无法正常工作:(":

this.parts = this.getParts.filter(p => (p.id == manufactureId))[0].name;

我想要实现的是，响应将解析项目名称而不是 part.id。

【问题讨论】：

【解决方案1】：

正如 cmets 中所指出的，您可以将最后一个代码位更改为

this.parts = this.getParts().filter(p => (p.manufactureId == manufactureId))[0].name;

您缺少括号来调用函数。您可能需要按manufactureId 过滤，而不是id。

您也可以在通过manufactureId 过滤数据后使用map 函数。 map 函数对每个数组元素应用函数并返回结果，在此示例中，它简单地从对象中获取 name，因为 manufactureId 可能有多个（或没有）项目。

this.parts = this.getParts().filter((item) => {
    return item.manufactureId === Number(manufactureId)
}).map((item) => item.name);

【讨论】：