ajax数据数组对象根据某个值相同合并分组对新的数据进行分组显示

最新推荐文章于 2024-12-02 22:35:35 发布

Khun_HWJ

最新推荐文章于 2024-12-02 22:35:35 发布

阅读量372

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/Khun_HWJ/article/details/99417862

jquery 专栏收录该内容

160 篇文章

订阅专栏

本文介绍了一种高效处理重复元素并按ID进行分组的方法，通过创建映射和目标数组，实现对原始数据的整理，便于后续的数据分析和处理。

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

举例

在这里插入图片描述

var arr = [
    {"id":"1001","name":"值1","value":"111"},
    {"id":"1001","name":"值1","value":"11111"},
    {"id":"1002","name":"值2","value":"25462"},
    {"id":"1002","name":"值2","value":"23131"},
    {"id":"1002","name":"值2","value":"2315432"},
    {"id":"1003","name":"值3","value":"333333"}
];
var map = {},
    dest = [];
for(var i = 0; i < arr.length; i++){
    var ai = arr[i];
    if(!map[ai.id]){
        dest.push({
            id: ai.id,
            name: ai.name,
            data: [ai]
        });
        map[ai.id] = ai;
    }else{
        for(var j = 0; j < dest.length; j++){
            var dj = dest[j];
            if(dj.id == ai.id){
                dj.data.push(ai);
                break;
            }
        }
    }
}
 
console.log(dest);

案例

function getgroupdetail(clsid,groupid,type,callback){
	var data ={};
	data.clsid = clsid;
	data.groupid = groupid;
	var htmlss = '';
	var id11 = layer.load(2,{shade: [0.3,'#fff']});
	$.post('/shared/profile/getgroupdetail',data, function (res){
		if(res.success){
			var map = {},dest = [];
			for(var i = 0; i <res.data.length; i++){
				var ai = res.data[i];
				if(!map[ai.groupid]){
					dest.push({
						groupid: ai.groupid,
						groupname: ai.groupname,
						data: [ai]
					});
					map[ai.groupid] = ai;
				}else{
					for(var j = 0; j < dest.length; j++){
						var dj = dest[j];
						if(dj.groupid== ai.groupid){
							dj.data.push(ai);
							break;
						}
					}
				}
			}
		}	
	});
}