比较2个数组并删除项目[重复]

Question

在 vue 中，我有一个包含此数据（TempId）的数组：

[{"id":47},{"id":45},{"id":48}]

还有第二个数组：

 multiprices: [
    {
        id: 45,
        name: "",
        price: "2600000",
    },
    {
        id: 46,
        name: "",
        price: "2600000",
    },
    {
        id: 47,
        name: "",
        price: "2600000",
    },
    {
        id: 48,
        name: "",
        price: "2600000",
    }
],

我想找到并删除第二个数组的项目并将它们复制到新数据中。（在这个例子中只是 id 46）

Answer 1

您可以过滤第二个数组，条件是元素在第一个数组的 id 列表中

const tempObj = [{ id: 47 }, { id: 45 }, { id: 48 }]
const tempId = tempObj.map(({ id }) => id)

const multiprices = [
  {
    id: 45,
    name: "",
    price: "2600000",
  },
  {
    id: 46,
    name: "",
    price: "2600000",
  },
  {
    id: 47,
    name: "",
    price: "2600000",
  },
  {
    id: 48,
    name: "",
    price: "2600000",
  },
]

const res = multiprices.filter((multiprice) => !tempId.includes(multiprice.id))

console.log(res)