js对象数组操作之一：对象数组中对象去重的方法总结

2021-07-01 14:04

阅读：423

标签：之一 ... ++ 方法对象 ack microsoft ons str

在日常开发业务中，经常会有一个数组由多个对象构成，需要对这种数据结构进行操作，如下：

const arr = [ { name:‘tom‘, age:15 }, { name:‘jack‘, age:18 }, { name:‘tom‘, age:10 }, ...]

今天总结了一下

先说这种数据结构的去重方法，对于数组中的多个对象去除重复，需要设置布尔值来进行。

一、jquery方法

var oldArr = [ 
　　{ name:‘tom‘, age:15 }, 
　　{ name:‘jack‘, age:18 }, 
　　{ name:‘tom‘, age:10 }
];

var allArr = [];//新数组

$.each(oldArr,function(i,v){
    var flag = true;
    if(allArr.length > 0){
        $.each(allArr,function(n,m){
            if(allArr[n].name == oldArr[i].name){
　　　　　　　　　　flag = false;
　　　　　　　 };
        });
    };
    if(flag){
        allArr.push(oldArr[i]);
    };
});

二、原生js方法

for(var i=0;i){
　　var flag = true;
　　for(var j=0;j){
　　　　if(oldArr[i].name == allArr[j].name){
　　　　　　flag = false;
　　　　};
　　}; 
　　if(flag){
　　　　allArr.push(oldArr[i]);
　　};
};

三、reduce方法

var hash = {}; 
arr = arr.reduce(function(item, next) { 
hash[next.name] ? ‘‘ : hash[next.name] = true && item.push(next); 
return item 
}, [])

四、ES6的Set

js对象数组操作之一：对象数组中对象去重的方法总结

标签：之一 ... ++ 方法对象 ack microsoft ons str

原文地址：https://www.cnblogs.com/toggle/p/9636299.html

上一篇：python 中的 +

下一篇：Spring Framework（框架）整体架构变迁

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：js对象数组操作之一：对象数组中对象去重的方法总结
文章链接：http://soscw.com/index.php/essay/100344.html

亲，登录后才可以留言！

js对象数组操作之一：对象数组中对象去重的方法总结

评论

热门文章

推荐文章

最新文章

置顶文章