js求对象数组的交集/并集/差集/去重

- 日理万妓 2023-02-21 06:29 23阅读 0赞

# js求对象数组的交集/并集/差集/去重 #

1.  求交集

var arr1 = [{ name: 'name1', id: 1 }, { name: 'name2', id: 2 }, { name: 'name3', id: 3 }];
    var arr1Id = [1, 2, 3]
    var arr2 = [{ name: 'name1', id: 1 }, { name: 'name2', id: 2 }, { name: 'name3', id: 3 }, { name: 'name4', id: 4 }, { name: 'name5', id: 5 }];
    var result = arr2.filter(function (v) {
      return arr1Id.indexOf(v.id) !== -1 // 利用filter方法来遍历是否有相同的元素
    })
    console.log(result);

1.  求并集

let arr1 = [{name:'name1',id:1},{name:'name2',id:2},{name:'name3',id:3}];
    let arr2 = [{name:'name1',id:1},{name:'name4',id:4},{name:'name5',id:5}];
    let arr3 = arr1.concat(arr2);
    let result = [];
    var obj = [];
    result = arr3.reduce(function(prev, cur, index, arr) {
      console.log(prev, cur);
      obj[cur.id] ? '' : obj[cur.id] = true && prev.push(cur);
      return prev;
    }, []);
    console.log(result);

1.  求差集

let arr1 = [{name:'name1',id:1},{name:'name2',id:2},{name:'name3',id:3}];
    let arr1Id = [1,2,3];
    let arr2 = [{name:'name1',id:1},{name:'name4',id:4},{name:'name5',id:5}];
    let arr2Id = [1,4,5];
    let arr3 = arr1.concat(arr2);
    let result = arr3.filter(function(v){
       return arr1Id.indexOf(v.id)===-1 || (arr2Id.indexOf(v.id)===-1)
    })
    console.log(result);

1.  去重

let arr = [{name:'name1',id:1},{name:'name2',id:2},{name:'name3',id:3},{name:'name1',id:1},{name:'name4',id:4},{name:'name5',id:5}];
    var obj = [];
    let result = arr.reduce(function(prev, cur, index, arr) {
      console.log(prev, cur);
      obj[cur.id] ? '' : obj[cur.id] = true && prev.push(cur);
      return prev;
    }, []);

实际组件中应用去重

方法1：

let includeThis = false
    let vm = this
    if(vm.informedPersonList.length>0){
        vm.informedPersonList.forEach(el =>{
            if(el.id == vm.selectedTrueItem.id){
                includeThis = true
            }
        })
    }
    if(includeThis===false){
        vm.informedPersonList.push(vm.selectedTrueItem)
    }else{
        Message({message: '请勿重复添加',type: 'warning'})
    }

方法2：  
(必须先let informedPersonL = vm.informedPersonList，不能直接使用vm.informedPersonList，否则浏览器控制台会报错)

vm.informedPersonList.push(this.selectedTrueItem)
    let obj = {};
    let informedPersonL = vm.informedPersonList
    informedPersonL = informedPersonL.reduce((cur,next) => {
        obj[next.id] ? "" : obj[next.id] = true && cur.push(next);
        return cur;
    },[]) //设置cur默认类型为数组，并且初始值为空的数组
    vm.selectedTrueItem = {}
    vm.$emit("backInformedPList",informedPersonL);

*

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP数组的并集、交集、差集

PHP数组的并集、交集、差集交集差集并集交集 array\_intersect() 函数用于比较两个（或更多个）数组的键值，并返回交集。

落日映苍穹つ/ 2023年10月06日 17:48/ 0 赞/ 21 阅读

相关 Liset集合：取并集、差集、交集、去重

Liset集合：取并集、差集、交集、去重 package cn.jiangshuai.damo; import java.util.ArrayL

小咪咪/ 2023年10月03日 22:01/ 0 赞/ 27 阅读

相关 C# Linq 交集、并集、差集、去重

<table> <tbody> <tr> <td> <p>其实只要明白 LINQ查询操作符的</p> <blockquote> <p>D

爱被打了一巴掌/ 2023年06月19日 07:24/ 0 赞/ 14 阅读

相关 js求对象数组的交集/并集/差集/去重

js求对象数组的交集/并集/差集/去重 1. 求交集 var arr1 = [{ name: 'name1', id: 1 }, { name:

- 日理万妓/ 2023年02月21日 06:29/ 0 赞/ 24 阅读

相关求数组的交集，并集，补集，差集 js

ES5： // 交集 let intersection = arr1.filter(function (val) \{ return arr2.indexOf(val)

水深无声/ 2022年11月12日 01:49/ 0 赞/ 211 阅读

相关 C# Linq 交集、并集、差集、去重

using System.Linq; List<string> ListA = new List<string>

青旅半醒/ 2022年08月12日 14:00/ 0 赞/ 198 阅读

相关【转】C# Linq 交集、并集、差集、去重

[【转】C\ Linq 交集、并集、差集、去重][C_ Linq] 转自：http://www.cnblogs.com/cyberarmy/p/3505138.html

骑猪看日落/ 2022年07月16日 12:18/ 0 赞/ 241 阅读

相关数组的并集、交集、差集

public class Test { public static void main(String[] args) { In

╰+攻爆jí腚メ/ 2022年05月14日 11:05/ 0 赞/ 305 阅读

相关 JS数组求并集，交集和差集

es7: filter结合includes // 并集 let union = a.concat(b.filter(v => !a.includes(v

Love The Way You Lie/ 2022年05月11日 08:52/ 0 赞/ 308 阅读

相关 golang：使用set求数组的交集、差集、并集

第一个包先获取set包 > go get -u gopkg.in/fatih/set.v0 如下演示set并集，交集，差集的计算 package main

Myth丶恋晨/ 2022年02月09日 14:07/ 0 赞/ 1504 阅读