js實(shí)現(xiàn)json數(shù)組分組合并操作示例

2019-11-19 12:09:34

字體：大中小

供稿：網(wǎng)友

本文實(shí)例講述了js實(shí)現(xiàn)json數(shù)組分組合并操作。分享給大家供大家參考，具體如下：

<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);/*//運(yùn)行結(jié)果：[  {    "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代碼運(yùn)行工具：http://tools.VeVB.COm/code/HtmlJsRun測(cè)試上述代碼，可得如下運(yùn)行結(jié)果：