javascript - 对象数组，组合键匹配的值。带下划线

Question

给定以下数组:

[  
 {  
      "real":104.1530776708426,
      "workHour":8,
      "value":null
   },
   {  
      "real":71.53948769310401,
      "workHour":9
   },
   {  
      "real":97.84076993321577,
      "workHour":10
   },
   {  
      "real":115.72564185649178,
      "workHour":11
   },
   {  
      "real":79.95589800993977,
      "workHour":12
   },
   {  
      "real":91.52846219558896,
      "workHour":13
   },
   {  
      "real":57.86282092824589,
      "workHour":14
   },
   {  
      "real":148.33923183423036,
      "workHour":15
   },
   {  
      "real":125.19410346293202,
      "workHour":16
   },
   {  
      "real":67.33128253468612,
      "workHour":17
   },
   {  
      "real":55.75871834903695,
      "workHour":18
   },
   {  
      "real":102.04897509163365,
      "workHour":19
   },
   {  
      "real":132.55846249016332,
      "workHour":20
   },
   {  
      "real":138.87077022779013,
      "workHour":21
   },
   {  
      "real":60,
      "workHour":8
   },
   {  
      "real":52,
      "workHour":9
   },
   {  
      "real":114,
      "workHour":10
   },
   {  
      "real":115,
      "workHour":11
   },
   {  
      "real":92,
      "workHour":12
   },
   {  
      "real":102,
      "workHour":13
   },
   {  
      "real":54,
      "workHour":14
   },
   {  
      "real":62,
      "workHour":15
   },
   {  
      "real":133,
      "workHour":16
   },
   {  
      "real":116,
      "workHour":17
   },
   {  
      "real":106,
      "workHour":18
   },
   {  
      "real":115,
      "workHour":19
   },
   {  
      "real":115,
      "workHour":20
   },
   {  
      "real":125,
      "workHour":21
   }
]

如何找到 workHour 匹配的位置，并在那里组合 real ？我是用纯JS做的

const array = [{"real":104.1530776708426,"workHour":8,"value":null},{"real":71.53948769310401,"workHour":9},{"real":97.84076993321577,"workHour":10},{"real":115.72564185649178,"workHour":11},{"real":79.95589800993977,"workHour":12},{"real":91.52846219558896,"workHour":13},{"real":57.86282092824589,"workHour":14},{"real":148.33923183423036,"workHour":15},{"real":125.19410346293202,"workHour":16},{"real":67.33128253468612,"workHour":17},{"real":55.75871834903695,"workHour":18},{"real":102.04897509163365,"workHour":19},{"real":132.55846249016332,"workHour":20},{"real":138.87077022779013,"workHour":21},{"real":60,"workHour":8},{"real":52,"workHour":9},{"real":114,"workHour":10},{"real":115,"workHour":11},{"real":92,"workHour":12},{"real":102,"workHour":13},{"real":54,"workHour":14},{"real":62,"workHour":15},{"real":133,"workHour":16},{"real":116,"workHour":17},{"real":106,"workHour":18},{"real":115,"workHour":19},{"real":115,"workHour":20},{"real":125,"workHour":21}];
var map = {};
    for (var i=0; i<array.length; i++) {
        var obj = array[i],
            id = obj.workHour;
        if (id in map) { // we know this id already
            // get the object and sum properties
            map[id].real += obj.real;
        } else // create a new one
            map[id] = {
                workHour: id,
                real: obj.real,
           };
    }
console.log(map)

如何使用 ES6 做到这一点？或下划线？

Answer 1

使用 Array#reduce 循环数组创建具有组合值的新对象:

var data = [{"real":104.1530776708426,"workHour":8,"value":null},{"real":71.53948769310401,"workHour":9},{"real":97.84076993321577,"workHour":10},{"real":115.72564185649178,"workHour":11},{"real":79.95589800993977,"workHour":12},{"real":91.52846219558896,"workHour":13},{"real":57.86282092824589,"workHour":14},{"real":148.33923183423036,"workHour":15},{"real":125.19410346293202,"workHour":16},{"real":67.33128253468612,"workHour":17},{"real":55.75871834903695,"workHour":18},{"real":102.04897509163365,"workHour":19},{"real":132.55846249016332,"workHour":20},{"real":138.87077022779013,"workHour":21},{"real":60,"workHour":8},{"real":52,"workHour":9},{"real":114,"workHour":10},{"real":115,"workHour":11},{"real":92,"workHour":12},{"real":102,"workHour":13},{"real":54,"workHour":14},{"real":62,"workHour":15},{"real":133,"workHour":16},{"real":116,"workHour":17},{"real":106,"workHour":18},{"real":115,"workHour":19},{"real":115,"workHour":20},{"real":125,"workHour":21}];


var result = data.reduce(function(r, o) {
  if (r[o.workHour]) {
    r[o.workHour].real += o.real
  } else {
    r[o.workHour] = {
      workHour: o.workHour,
      real: o.real
    }
  }

  return r;
}, {});

console.log(result);