从数组中删除确切的对象

Question

使用以下数组：

randomArray = [
  {alias: 'book1', page: 127}, 
  {alias: 'book1', page: 115}, 
  {alias: 'book2', page: 115}
]

如果我想向数组中添加一个对象（当顺序无关紧要时），我假设我可以简单地：

randomArray.push({alias: 'book3', page: 303})

但是如果我想删除一个对象，比如说我想删除： {alias: 'book1', page: 115}，我该怎么做？

我看到过其他堆栈溢出问题，like this，试图找到对象的索引，但他们会假设属性在整个数组中具有唯一值来寻找一个属性。

我的想法：

我想尝试indexOf 然后splice 那个对象，但它不起作用。

randomArray.indexOf({alias: 'book1', page: 115}) 返回-1

查看对象数组并删除完全匹配的有效方法是什么？为了清楚起见，不使用库，所有这些对象都将具有相同的 alias 和 @987654330 @ 属性，不多也不少。 （另外，我应该调用这些属性或键，还是它们是同义词？）

编辑：我已将id 更改为page 以更有意义

Answer 1

肮脏的解决方案（假设对象不包含函数）：

const objectToRemove = JSON.stringify({ alias: 'pepper', id: 1 });
const filteredArray = randomArray.filter(item =>
  JSON.stringify(item) !== objectToRemove);

另一种解决方案是从对象构建唯一 ID：

const toRemove = Object.entries({ alias: 'pepper', id: 1 }).join('-');
const filteredArray = randomArray.filter(item =>
  Object.entries(item).join('-') !== toRemove);

或者

const toRemove = 'pepper-1;
const filteredArray = randomArray.filter(item =>
  `${item.alias}-${item.page}` !== toRemove);

Answer 2

JSON.stringify 和 join 都是非常肮脏的解决方案，并且都依赖于相同顺序的属性，使用深度对象比较函数，然后您可以只使用过滤器返回不包含该项目的数组你想删除。

const compare = (obj1, obj2) =>
  Array.isArray(obj1)
    ? Array.isArray(obj2) && obj1.length === obj2.length && obj1.every((item, index) => compare(item, obj2[index]))
    : obj1 instanceof Date
    ? obj2 instanceof Date && obj1.getDate() === obj2.getDate()
    : obj1 && typeof obj1 === 'object'
    ? obj2 && typeof obj2 === 'object' &&
      Object.getOwnPropertyNames(obj1).length === Object.getOwnPropertyNames(obj2).length &&
      Object.getOwnPropertyNames(obj1).every(prop => compare(obj1[prop], obj2[prop]))
    : obj1 === obj2;
    
const randomArray = [
  {alias: 'book1', page: 127}, 
  {alias: 'book1', page: 115}, 
  {alias: 'book2', page: 115}
];

console.log(randomArray.filter(item => !compare(item, {alias: 'book1', page: 127})));