JS两个对象数组过滤掉相同的对象

yusirxiaer

于 2022-06-06 22:22:53 发布

阅读量1.9k

点赞数

分类专栏： JavaScript 文章标签： javascript vue.js elementui

本文链接：https://blog.csdn.net/yusirxiaer/article/details/125155539

版权

JavaScript 专栏收录该内容

38 篇文章

订阅专栏

这篇博客介绍了如何使用ES6的filter方法和ES5的循环来删除数组中包含相同name属性的对象。示例中，给出了两个数组arr1和arr2，目标是保留arr2中不与arr1中name属性相同的对象。通过提供的代码实现，可以有效地从数组中移除重复元素。

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

let arr1 = [{uid:'1',name:'张三'},{uid:'2',name:'李四'}];
let arr2 = [{id:'1',name:'张三'},{id:'2',name:'王五',age:'23'},{id:'3',name:'罗翔'}];

去掉arr2中包含的arr1相同name的对象:

//ES6的方法，得到新数组

const newArr = arr2.filter((item) => {
    return !arr1.some(ele=>ele.name===item.name)
});

//ES5的方法，改变原数组

for (var i=0; i<arr2.length; i++) {
    for (var j=0; j<arr1.length; j++) {
        if (arr2[i].name == arr1[j].name) {
            arr2.splice(i, 1);
        }
    }
}

实用