在项目中定义对象数组是非常常见的，这就免不了要对对象数组进行去重。当然不能简单的使用===来解决问题，因为这时候数组中的类型为对象类型，即使完全相同的两个对象也不相等的。下面的例子说明一切：
{}==={}//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; }
总结：对象数组去重无非也是找到每个对象唯一标识（如id）来证明其唯一性，通过这个唯一标志来去重
let arr=[ {id:'1'}, {id:'2'}, {id:'1'} ] var removeDuplicate =function(arr){ // 法一： // let obj={}; // return arr.reduce((pre,cur)=>{ // obj[cur.id]?'':obj[cur.id]=true && pre.push(cur); // return pre; // },[]) // 法二 let map={}; arr.forEach(item=>{ if(!map[item.id]){ map[item.id]=item; } }) return Object.values(map); } removeDuplicate(arr) //[{id:'1'},{id:'2'}]
今天的文章js对象数组去重的方法_去重的意义和作用分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：http://bianchenghao.cn/59338.html
