javascript - 无法删除重复项

Question

我有这两个数组:

原创

[
   { id: "1"},
   { id: "2"},
   { id: "3"}
]

旧

[
   { id: "1"},
   { id: "7"},
   { id: "9"}
]

我试图从 original 中删除所有在 old 中可用的项目，所以我做了:

original = original.filter(function(el) {
                    return old.indexOf(el) < 0;
                }.bind(this));

但是我得到了同样的元素，我做错了什么？这是代码片段。

let original = [{
    id: "1"
  },
  {
    id: "2"
  },
  {
    id: "3"
  }
];

let old = [{
    id: "1"
  },
  {
    id: "7"
  },
  {
    id: "9"
  }
];
console.log(original);

original = original.filter(function(el) {
  return old.indexOf(el) < 0;
}.bind(this));

console.log(original);

Answer 1

indexOf 无法比较对象的内容。

您需要检查id

var original = [
   { id: "1"},
   { id: "2"},
   { id: "3"}
  ],
  old = [
     { id: "1"},
     { id: "7"},
     { id: "9"}
  ];


original = original.filter(function(el) {
  return old.findIndex(item => item.id === el.id) < 0;
});

console.log(original);