首頁猿問分組對象數組的最有效方法

分組對象數組的最有效方法

JavaScript 算法與數據結構

回首憶惘然 2019-05-27 15:04:23

分組對象數組的最有效方法在數組中對對象進行分組的最有效方法是什么？例如，給定此對象數組：[ { Phase: "Phase 1", Step: "Step 1", Task: "Task 1", Value: "5" }, { Phase: "Phase 1", Step: "Step 1", Task: "Task 2", Value: "10" }, { Phase: "Phase 1", Step: "Step 2", Task: "Task 1", Value: "15" }, { Phase: "Phase 1", Step: "Step 2", Task: "Task 2", Value: "20" }, { Phase: "Phase 2", Step: "Step 1", Task: "Task 1", Value: "25" }, { Phase: "Phase 2", Step: "Step 1", Task: "Task 2", Value: "30" }, { Phase: "Phase 2", Step: "Step 2", Task: "Task 1", Value: "35" }, { Phase: "Phase 2", Step: "Step 2", Task: "Task 2", Value: "40" }]我在表格中顯示這些信息。我想用不同的方法分組，但我想總結這些值。我正在使用Underscore.js作為其groupby函數，這很有幫助，但并沒有完成整個技巧，因為我不希望它們“拆分”但是“合并”，更像是SQL group by方法。我正在尋找的是能夠總計特定值（如果要求）。所以，如果我做了groupby Phase，我想要收到：[ { Phase: "Phase 1", Value: 50 }, { Phase: "Phase 2", Value: 130 }]如果我做了分組Phase/ Step，我會收到：[ { Phase: "Phase 1", Step: "Step 1", Value: 15 }, { Phase: "Phase 1", Step: "Step 2", Value: 35 }, { Phase: "Phase 2", Step: "Step 1", Value: 55 }, { Phase: "Phase 2", Step: "Step 2", Value: 75 }]是否有一個有用的腳本，或者我應該堅持使用Underscore.js，然后循環結果對象自己做總計？

查看完整描述

3 回答

白板的微信

TA貢獻1883條經驗獲得超3個贊

如果你想避免使用外部庫，你可以簡潔地實現類似的vanilla版本groupBy()：

var groupBy = function(xs, key) {

return xs.reduce(function(rv, x) {

(rv[x[key]] = rv[x[key]] || []).push(x);

return rv;

}, {});

};

console.log(groupBy(['one', 'two', 'three'], 'length'));

// => {3: ["one", "two"], 5: ["three"]}

反對回復 2019-05-27

慕姐8265434

TA貢獻1813條經驗獲得超2個贊

使用ES6 Map對象：

function groupBy(list, keyGetter) {

const map = new Map();

list.forEach((item) => {

const key = keyGetter(item);

const collection = map.get(key);

if (!collection) {

map.set(key, [item]);

} else {

collection.push(item);

}

});

return map;

}

// example usage

const pets = [

{type:"Dog", name:"Spot"},

{type:"Cat", name:"Tiger"},

{type:"Dog", name:"Rover"},

{type:"Cat", name:"Leo"}

];

const grouped = groupBy(pets, pet => pet.type);

console.log(grouped.get("Dog")); // -> [{type:"Dog", name:"Spot"}, {type:"Dog", name:"Rover"}]

console.log(grouped.get("Cat")); // -> [{type:"Cat", name:"Tiger"}, {type:"Cat", name:"Leo"}]

反對回復 2019-05-27

陪伴而非守候

TA貢獻1757條經驗獲得超8個贊

與ES6：

const groupBy = (items, key) => items.reduce(
  (result, item) => ({
    ...result,
    [item[key]]: [
      ...(result[item[key]] || []),
      item,
    ],
  }), 
  {},);

反對回復 2019-05-27

3 回答
0 關注
1034 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

分組對象數組的最有效方法

分組對象數組的最有效方法

3 回答

添加回答