javascript - 以不可变的方式删除嵌套数组中的对象

Question

这就是我的数据的样子:

categories = [
  {
    name: ""
    products: [
      {
        id: 1,
        ...
      },
      {
        id: 2,
        ...
      }
    ]
  },
  {
    name: ""
    products: [
      {
        id: 3,
        ...
      },
      {
        id: 4,
        ...
      }
    ]
  },
  ...
]

我想删除 id 为 1 的产品，这是我的代码:

categories.map(category => category.products.filter(product => product.id !== 1))

这是正确的代码吗？如果是这样，我如何创建一个新数组并使用新值设置它？

Answer 1

您已经很接近了，但您的代码正在将类别对象替换为其过滤后的 products 数组，从而丢失了其余的对象属性。您需要复制每个 category 对象及其 products 数组，这通常通过扩展符号来完成:

updatedCategories = categories.map(category => ({
    ...category,
    products: category.products.filter(product => product.id !== 1)
}));