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

来源：动视网责编：小采时间：2020-11-27 22:06:39

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

js根据json数据中的某一个属性来给数据分组的方法:如下所示： <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <span id =span style=width: 50px

推荐度：

点击下载本文 文档为doc格式

导读js根据json数据中的某一个属性来给数据分组的方法:如下所示： <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <span id =span style=width: 50px

如下所示：

<!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": ""
 }
 ]
 }
]

以上这篇js根据json数据中的某一个属性来给数据分组的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

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

js根据json数据中的某一个属性来给数据分组的方法:如下所示： <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <span id =span style=width: 50px

推荐度：

点击下载本文 文档为doc格式

标签：分组数据的方法

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐