javascript如何书写“对比两个数组从一个数组中删除与另一个数组相同的对象”的代码

这是我在重写后台管理系统，手写穿梭框时遇到的难题，业务场景如下：

从数组A中点选点击加入并出现在数组B，数组A的数据不可穿梭，数组B中出现数组A中选好的数据并可再次点选删除或提交，这个题点可以运用js filter和some相结合来解决。业务代码基于保密协议不可暴露，还请谅解

let arr1 = [{id: 1, name: 'apple'}, {id: 2, name: 'banana'}, {id: 3, name: 'orange'}, {id: 4, name: 'peach'}];
let arr2 = [{id: 2, name: 'banana'}, {id: 4, name: 'peach'}];

let arr3 = arr1.filter(item1 => !arr2.some(item2 => item2.id === item1.id));

//输出结果
console.log(arr3);

在上面的代码中，我们分别创建了两个数组arr1和arr2，分别保存了相应的对象集合数据。然后使用JavaScript的filter()和some()方法进行操作。filter()方法会返回一个新的数组，其中包括被测试的数组中的每个元素，在其中回调函数返回true的那些元素。some()方法会在数组中一个满足条件的元素被找到时立即返回true。

通过以上代码，我们过滤了arr1数组中所有id值与arr2数组中相同的元素，从而得到了一个新的数组arr3，它只包括了arr1数组中没有被删除的元素。

需要注意的是，在进行数组对象比较的时候，要确保它们具有相同的属性名和相同的属性值。以上代码中我们以对象的id作为比较基准。

至此，穿梭单功能完成