（去重）JS比较两个数组对象,取出不同的值

Posted 2023-05-01

参考技术A https://www.kancloud.cn/pengyp/js_node_html_css/1329568

var array1 = [

    "Num": "A "  ,

    "Num": "B"

];

var array2 = [

    "Num": "A ","Name": "t1 " ,

    "Num": "B","Name": "t2",

    "Num": "C " ,"Name": "t3 ",age:'222',

    "Num": "D" ,"Name": "t4 ",age:'3333'

];

var result = [];

for(var i = 0; i < array2.length; i++)

    var obj = array2[i];

    var num = obj.Num;

    var isExist = false;

    for(var j = 0; j < array1.length; j++)

        var aj = array1[j];

        var n = aj.Num;

        if(n == num)

            isExist = true;

            break;

       

   

    if(!isExist)

        result.push(obj);

   



console.log(result);

js 对象数组去重问题

在项目中定义对象数组是非常常见的，这就免不了要对对象数组进行去重。当然不能简单的使用===来解决问题，因为这时候数组中的类型为对象类型，即使完全相同的两个对象也不相等的。下面的例子说明一切：

{}==={}//fasle
[]===[]//fasle

所以应该使用其他方法来判断两个对象是否相等，能代表这个对象的唯一性的属性，比如id。

使用id举例：

var arr=[
    {id:01,name:‘jack‘},
    {id:02,name:‘tome‘},
    {id:01,name:‘jack‘},
]

方法一：使用对象的hasOwnProperty属性

var deRepeat=function(arr){
    let obj={};
    arr.forEach((item,index)=>{
        // 若重复则删除该项
        if(obj.hasOwnProperty(item.id)){
            arr.splice(index,1);
        // 不重复则存入obj
        }else{
            obj[item.id]=item.name;
        }
    });
    return arr;
}

方法二：使用数组的归并方法reduce，注意该方法接收两个参数（函数）

参数1（操作）：在每一项上调用的函数，接收四个参数：pre(经过参数1中函数操作过后存入结果中的的值，相对于当前操作项为前一个值，可以说这个参数就是参数2),cur(当前项的值),index(当前值索引),arr(数组)

参数2（结果）：初始值

var deRepeat=function(arr){
    let obj={};
    let res=arr.reduce(function(pre,cur,index,arr){
        // 当前项还没出现过，至今未发现重复项
        if(!obj.hasOwnProperty(cur.id)){
            obj[cur.id]=cur.name;
            pre.push(cur)
        }
        return pre;
    },[])
    return arr;
}