在子数组中过滤时如何获取主数组中的数据

Question

我有这些数据，我在其中过滤了 vendorId 和产品的用户 ID，它与这样的东西一起使用：

代码：

const data = [
  {
    id: 6,
    orderedItems: [
      {
        name: "Product A",
        vendor: 1,
      },
      {
        name: "Product B",
        vendor: 1,
      },
      {
        name: "Product B",
        vendor: 2,
      },
    ],
  },
  {
    id: 6,
    orderedItems: [
      {
        name: "Product Aaa",
        vendor: 1,
      },
      {
        name: "Product Bbb",
        vendor: 1,
      },
      {
        name: "Product Ccc",
        vendor: 2,
      },
    ],
  },
];

const userId = 1;

const filteredData = data.map(({ orderedItems }) => {
  return orderedItems.filter(({ vendor }) => {
    return vendor == userId;
  });
});

console.log(filteredData);

它记录或返回如下内容：

[
  [
    { name: 'Product A', vendor: 1 },
    { name: 'Product B', vendor: 1 }
  ],
  [
    { name: 'Product Alif', vendor: 1 },
    { name: 'Product Baa', vendor: 1 }
  ]
]

我希望它返回类似这样的东西，不仅是订购的物品，而且是这样的：

[
  {
    id: 6,
    orderedItems: [
      { name: "Product A", vendor: 1 },
      { name: "Product B", vendor: 1 },
    ],
  },
  {
    id: 5,
    orderedItems: [
      { name: "Product Alif", vendor: 1 },
      { name: "Product Baa", vendor: 1 },
    ],
  },
];

仍然过滤，但包含所有需要的数据。如果您有任何问题和需要澄清，请在下方评论。谢谢

Answer 1

请更新您的代码。

const filteredData = data.map(({ id, orderedItems }) => {
    return {id: id, orderedItems: orderedItems.filter(({ vendor }) => vendor == userId)};
});

Answer 2

在代码中进行这些更改。

const userId = 1;
const filteredData = data.map(({id, orderedItems }) => {
var orderedItems = orderedItems.filter(({ vendor }) => {
    return vendor == userId;
});
    return  {id, orderedItems}
});  
    
filteredData.forEach( (item, index) => {
    console.log(item);
});