首页 > 编程 > JavaScript > 正文

js实现json数组分组合并操作示例

2019-11-19 12:09:34
字体:
来源:转载
供稿:网友

本文实例讲述了js实现json数组分组合并操作。分享给大家供大家参考,具体如下:

<script>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);/*//运行结果:[  {    "id": "1001",    "name": "值1",    "data": [      {"id": "1001", "name": "值1", "value": "111"},      { "id": "1001", "name": "值1", "value": "11111"}    ]  },  {    "id": "1002",    "name": "值2",    "data": [      { "id": "1002", "name": "值2", "value": "25462" },      { "id": "1002", "name": "值2", "value": "23131"},      {"id": "1002", "name": "值2","value": "2315432" }    ]  },  {    "id": "1003",    "name": "值3",    "data": [      {"id": "1003", "name": "值3", "value": "333333" }    ]  }]*/</script>

使用在线HTML/CSS/JavaScript代码运行工具http://tools.VeVB.COm/code/HtmlJsRun测试上述代码,可得如下运行结果:

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

在线JSON代码检验、检验、美化、格式化工具:
http://tools.VeVB.COm/code/json

JSON在线格式化工具:
http://tools.VeVB.COm/code/jsonformat

在线XML/JSON互相转换工具:
http://tools.VeVB.COm/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.VeVB.COm/code/jsoncodeformat

在线json压缩/转义工具:
http://tools.VeVB.COm/code/json_yasuo_trans

更多关于JavaScript相关内容可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表