js怎么删除两个数组中id相同的对象

meloeyLeo

于 2020-08-31 19:56:28 发布

阅读量1.8k

点赞数 1

分类专栏：数据处理文章标签： javascript js 数据结构 vue

本文链接：https://blog.youkuaiyun.com/weixin_47084275/article/details/108328210

版权

数据处理专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种使用JavaScript的filter和map方法从一个数组中移除另一个数组中存在的元素的方法。通过实例代码展示了如何创建一个新数组，该数组包含了第一个数组中但不在第二个数组中的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 var arr1 = [{
            id: 1,
            name: 11
        }, {
            id: 2,
            name: 22
        }, {
            id: 3,
            name: 33
        }, {
            id: 4,
            name: 4
        }, {
            id: 5,
            name: 55
        }]
        var arr2 = [{
            id: 1,
            name: 11
        }, {
            id: 3,
            name: 33
        }]
       var newArr = arr1.filter(item => {
            // 将arr的所有id集合的数组赋值给临时数组,
            //map()会返回一个新数组,并且不会影响原数组
            let arrlist = arr2.map(item2=> item2.id)
            // 返回所有临时数组中没有item.id的item
            return !arrlist.includes(item.id)
        })
        console.log(newArr);