JS 数组差集、交集、并集

最新推荐文章于 2022-08-05 09:54:01 发布

本宝宝很开心

最新推荐文章于 2022-08-05 09:54:01 发布

阅读量261

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： js 数组

本文链接：https://blog.youkuaiyun.com/weixin_44136421/article/details/118937969

JS 专栏收录该内容

6 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript来计算两个数组的差集、并集和交集。通过filter、reduce和map等方法，分别展示了如何找出两个对象数组中独有的元素，合并两个数组并去除重复项，以及找出两个数组中共有的元素。示例代码清晰易懂，适用于前端开发中的数据处理场景。

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

 let arr1=[{id:1, name:"Bob"},{id:2,name:"Jmu"},{id:3,name:"Timi" }]
 let arr2=[{ id:1,name:"Bob"},{id:2,name:"Matis"},{id:4,name:"Com"},{id:5,name:"Coco"}]

1.差集

  let result=arr2.filter(v => {
      return arr1.every(i => i.id != v.id);
    });
	 console.log(result);  //[ {id: 4, name: "Com"}, {id: 5, name: "Coco"}]
  let result1=arr1.filter(v => {
    return arr2.every(i => i.id != v.id);
  });
  	console.log(result1);  //[ {id: 3, name: "Timi"}]

2.并集

    let arr3 = arr1.concat(arr2)
    let obj = [],result2=[];
    result2 = arr3.reduce( (prev, cur)=> {
      obj[cur.id] ? '' : obj[cur.id] = true && prev.push(cur)
      return prev
    }, [])
    console.log(result2);//[ {id: 1, name: "Bob"},{id: 2, name: "Jmu"},{id: 3, name: "Timi"},{id: 4, name: "Com"},{id: 5, name: "Coco"}]

3.交集

   let arr4 = arr1.map(item=>item.id)
   let result3 = arr2.filter(v=>{
     return new Set(arr4).has(v.id)
   })
   console.log(result3) //[{id: 1, name: "Bob"}, {id: 2, name: "Matis"}]
   
   let arr5 = arr2.map(item=>item.id)
   let result4 = arr1.filter(v=>{
     return new Set(arr5).has(v.id)
   })
   console.log(result4) //[{id: 1, name: "Bob"},{id: 2, name: "Jmu"}]

特别注意：在使用时，注意数组先后顺序