js根据json数据中的某一个属性来给数据分组

最新推荐文章于 2024-07-24 22:50:18 发布

Firoly

最新推荐文章于 2024-07-24 22:50:18 发布

阅读量1.1w

点赞数 6

分类专栏：前端

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<span id ="span" style="width: 50px;height: 200px;"></span>
	</body>
	<script>
	var arr = [{"Group":1,"Groupheader":"质量管理","Leftimg":"","Left":"","Min":"","Right":"","Rightimg":""},
{"Group":1,"Groupheader":"","Leftimg":"","Left":"","Min":"质量巡检","Right":"","Rightimg":""},
{"Group":2,"Groupheader":"设备管理","Leftimg":"","Left":"","Min":"","Right":"","Rightimg":""},
{"Group":2,"Groupheader":"","Leftimg":"","Left":"","Min":"设备专业点检","Right":"","Rightimg":""},
{"Group":2,"Groupheader":"","Leftimg":"","Left":"","Min":"设备日检","Right":"","Rightimg":""},
{"Group":2,"Groupheader":"","Leftimg":"","Left":"","Min":"设备周检","Right":"","Rightimg":""},
{"Group":2,"Groupheader":"","Leftimg":"","Left":"","Min":"设备月检","Right":"","Rightimg":""}];

var map = {},
    dest = [];
for(var i = 0; i < arr.length; i++){
    var ai = arr[i];
    if(!map[ai.Group]){
        dest.push({
            Group: ai.Group,
      
            data: [ai]
        });
        map[ai.Group] = ai;
    }else{
        for(var j = 0; j < dest.length; j++){
            var dj = dest[j];
            if(dj.Group == ai.Group){
                dj.data.push(ai);
                break;
            }
        }
    }
}
console.log(JSON.stringify(dest));
	var sapn = document.getElementById("span");
	span.innerHTML = JSON.stringify(dest);
	</script>
</html>

原始数据：

[{"Group":1,"Groupheader":"质量管理","Leftimg":"","Left":"","Min":"","Right":"","Rightimg":""},
{"Group":1,"Groupheader":"","Leftimg":"","Left":"","Min":"质量巡检","Right":"","Rightimg":""},
{"Group":2,"Groupheader":"设备管理","Leftimg":"","Left":"","Min":"","Right":"","Rightimg":""},
{"Group":2,"Groupheader":"","Leftimg":"","Left":"","Min":"设备专业点检","Right":"","Rightimg":""},
{"Group":2,"Groupheader":"","Leftimg":"","Left":"","Min":"设备日检","Right":"","Rightimg":""},
{"Group":2,"Groupheader":"","Leftimg":"","Left":"","Min":"设备周检","Right":"","Rightimg":""},
{"Group":2,"Groupheader":"","Leftimg":"","Left":"","Min":"设备月检","Right":"","Rightimg":""}];

处理后的数据：

[
    {
        "Group": 1,
        "data": [
            {
                "Group": 1,
                "Groupheader": "质量管理",
                "Leftimg": "",
                "Left": "",
                "Min": "",
                "Right": "",
                "Rightimg": ""
            },
            {
                "Group": 1,
                "Groupheader": "",
                "Leftimg": "",
                "Left": "",
                "Min": "质量巡检",
                "Right": "",
                "Rightimg": ""
            }
        ]
    },
    {
        "Group": 2,
        "data": [
            {
                "Group": 2,
                "Groupheader": "设备管理",
                "Leftimg": "",
                "Left": "",
                "Min": "",
                "Right": "",
                "Rightimg": ""
            },
            {
                "Group": 2,
                "Groupheader": "",
                "Leftimg": "",
                "Left": "",
                "Min": "设备专业点检",
                "Right": "",
                "Rightimg": ""
            },
            {
                "Group": 2,
                "Groupheader": "",
                "Leftimg": "",
                "Left": "",
                "Min": "设备日检",
                "Right": "",
                "Rightimg": ""
            },
            {
                "Group": 2,
                "Groupheader": "",
                "Leftimg": "",
                "Left": "",
                "Min": "设备周检",
                "Right": "",
                "Rightimg": ""
            },
            {
                "Group": 2,
                "Groupheader": "",
                "Leftimg": "",
                "Left": "",
                "Min": "设备月检",
                "Right": "",
                "Rightimg": ""
            }
        ]
    }
]