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

本文实例讲述了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.haodaima.com/code/HtmlJsRun测试上述代码，可得如下运行结果：

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

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

JSON在线格式化工具：
http://tools.haodaima.com/code/jsonformat

在线XML/JSON互相转换工具：
http://tools.haodaima.com/code/xmljson

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

在线json压缩/转义工具：
http://tools.haodaima.com/code/json_yasuo_trans

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

到此这篇关于js实现json数组分组合并操作示例就介绍到这了。过好每一天，认真工作，努力学习学他人知识，变自已财富，学他人长处，补自已不足！让自已在众人的眼光里光彩夺目。努力回报给予想要的一切，人生真的太，简单得只要脚踏实地就行！更多相关js实现json数组分组合并操作示例内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！