什麼是在陣列中分組物件最有效的方法?
例如,給定以下物件陣列:
[ { 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方法。
我想要的是能夠對特定的值進行求和(如果需要的話)。
所以,如果我按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,然後透過循環遍歷結果物件來進行求和?
使用ES6的Map物件:
關於Map:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
如果您想避免使用外部函式庫,可以簡潔地實作一個原生版本的
groupBy()
,如下: