如何基于三个键对数组对象进行分组

Question

基于这个问题Group array items using object

我引用了这个答案，由https://stackoverflow.com/users/1094311/1983回答

所以我从这个 jquery 获取数据然后我解析它，之后我将它推送到变量

我从 myurl 得到的数据是这样的

{"pname":"some1","datax":2.0643278,"prov":"11","datay":1},{"pname":"some1","datax":3.2142857142857144,"prov":"11","datay":1},{"pname":"some2","datax":1.125,"prov":"12","datay":1},{"pname":"some2","datax":1.6666666666666667,"prov":"12","datay":2}

这就是我的阵列开始的方式

$(document).ready(function(){
    $.ajax({
                        url: "myurl",
                        method: "GET",
                        success: function(data) {

var parsedJSON = JSON.parse(data);

var result1 = [
  (function(data) {
    let tmp = [];

    data.forEach(e => {
      tmp.push({
        type: "firstid",
        prov: e.prov,
        name: e.pname,
        showInLegend:false,
        dataPoints:[{x:e.datax, y:e.datay}],
      })
    });

    return tmp;
  })(parsedJSON)
];

从那里我得到了 result1[0]，如果我控制台记录它，它会是这样的

[        { type: "firstid",
           prov: 11,
           name: some1,
           showInLegend:false,
           dataPoints:[{x:2.0643278, y:1}] 
         },
         { type: "firstid",
           prov: 11,
           name: some1,
           showInLegend:false,
           dataPoints:[{x:3.2142857142857144, y:1}] 
         },
         { type: "firstid",
           prov: 12,
           name: some2,
           showInLegend:false,
           dataPoints:[{x:1.125, y:1}] 
         },
         { type: "firstid",
           prov: 12,
           name: some2,
           showInLegend:false,
           dataPoints:[{x:1.6666666666666667, y:1}] 
         }]

当我控制台记录它时，我想得到一些数组是这样的：

[        { type: "firstid",
           prov: 11,
           name: some1,
           showInLegend:false,
           dataPoints:[ {x:2.0643278, y:1}, 
                        {x:3.2142857142857144, y:1}] 
         },
         { type: "firstid",
           prov: 12,
           name: some2,
           showInLegend:false,
           dataPoints:[ {x:1.125, y:1}, 
                        {x:1.6666666666666667, y:1}] 
         }]

我花了我的时间试图通过数组合并来解决它，但似乎我无法弄清楚，任何帮助都会很好

Answer 1

根据您的方法，如果元素不存在，我将尝试仅推送，如果存在，则推送到现有元素上的 dataPoints 数组。 我没有试过这个，但它可以工作。

data.forEach(e => {
    const tempIndex = tmp.findIndex(el => el.prov === e.prov);
    if (tempIndex) {
        tmp[tempIndex].dataPoints.push({ x: e.datax, y: e.datay });
    } else {
        tmp.push({
            type: "firstid",
            prov: e.prov,
            name: e.pname,
            showInLegend: false,
            dataPoints: [{ x: e.datax, y: e.datay }],
        })
    }
});

请让我知道这种编辑方法是否更好

Answer 2

使用Array.prototype.reduce和Array.prototype.find应该可以解决问题。

reduce循环遍历数组中的每个元素。 它以一个空数组开始： [] 。 然后代码使用find检查元素是否已经在新数组中。 如果是这样，将dataPoints添加到现有数组中。 如果它不存在，则将对象推送到新数组。

 const obj = [{"pname":"some1","datax":2.0643278,"prov":"11","datay":1},{"pname":"some1","datax":3.2142857142857144,"prov":"11","datay":1},{"pname":"some2","datax":1.125,"prov":"12","datay":1},{"pname":"some2","datax":1.6666666666666667,"prov":"12","datay":2}]; objReduced = obj.reduce((acc, cur) => { const dbItem = acc.find( element => element.prov === cur.prov); if (dbItem) { dbItem.dataPoints.push({x: cur.datax, y: cur.datay}); } else { acc.push({ type: "firstid", prov: cur.prov, name: cur.pname, showInLegend: false, dataPoints: [{x: cur.datax, y: cur.datay}] }); } return acc; }, []); console.log(objReduced);

 obj = [{ type: "firstid", prov: 11, name: "some1", showInLegend: false, dataPoints: [{ x: 2.0643278, y: 1 }]

Answer 3

在合并它们之前，这还将检查 dataPoints 数组中的重复项：

 const data = [{ type: "firstid", prov: 11, name: "some1", showInLegend: false, dataPoints: [{ x: 2.0643278, y: 1 }] }, { type: "firstid", prov: 11, name: "some1", showInLegend: false, dataPoints: [{ x: 3.2142857142857144, y: 1 }] }, { type: "firstid", prov: 12, name: "some2", showInLegend: false, dataPoints: [{ x: 1.125, y: 1 }] }, { type: "firstid", prov: 12, name: "some2", showInLegend: false, dataPoints: [{ x: 1.6666666666666667, y: 1 }] } ]; const res = Object.values(data.reduce((acc, curr) => { const groupKey = ['type', 'prov', 'name', 'showInLegend'].map(x => curr[x]).join('-'); if (!acc[groupKey]) { acc[groupKey] = curr; } else { for (const { x: currX, y: currY } of curr.dataPoints) { for (const { x: accX, y: accY } of acc[groupKey].dataPoints) { if ((currX + '-' + currY) !== (accX + '-' + accY)) { acc[groupKey].dataPoints.push({ x: currX, y: currY }); } } } } return acc; }, {})); console.log(res);