使用lodash .groupBy。如何爲分組輸出添加自己的密鑰？

Question

我有從API返回此示例數據。

我使用Lodash的_.groupBy將數據轉換爲我可以更好地使用的對象。 返回的原始數據是這樣的：

[ 
    { 
     "name": "jim", 
     "color": "blue", 
     "age": "22" 
    }, 
    { 
     "name": "Sam", 
     "color": "blue", 
     "age": "33" 
    }, 
    { 
     "name": "eddie", 
     "color": "green", 
     "age": "77" 
    } 
] 

我想_.groupBy函數返回一個對象，它看起來像這樣：

[ 
    { 
     color: "blue", 
     users: [ 
      { 
       "name": "jim", 
       "color": "blue", 
       "age": "22" 
      }, 
      { 
       "name": "Sam", 
       "color": "blue", 
       "age": "33" 
      } 
     ] 
    }, 
    { 
     color: "green", 
     users: [ 
      { 
       "name": "eddie", 
       "color": "green", 
       "age": "77" 
      } 
     ] 
    } 
] 

目前我使用

_.groupBy(a, function(b) { return b.color}) 

這是返回這個。

{blue: [{..}], green: [{...}]} 

的分組是正確的，但我真的想補充我想要的鍵（color，users）。這可能使用_.groupBy？或其他LoDash實用程序？

Answer 1

你可以像下面這樣做

var result = _.chain(data) 
    .groupBy("color") 
    .pairs() 
    .map(function(currentItem) { 
     return _.object(_.zip(["color", "users"], currentItem)); 
    }) 
    .value(); 
console.log(result); 

Online Demo

注： Lodash 4.0起，.pairs功能已重命名爲_.toPairs()

Answer 2

我會建議不同的方法，使用my own library你可以在幾行內做到這一點：

var groupMe = sequence(
    groupBy(pluck('color')), 
    forOwn(function(acc, k, v) { 
    acc.push({colors: k, users: v}); 
    return acc; 
    },[]) 
); 

var result = groupMe(collection); 

這與lodash或Underscore會有點困難，因爲參數的順序是相反的，所以你必須使用_.partial很多。

Answer 3

謝謝@thefourtheye，你的代碼很有幫助。 我使用Lodash 4.5.0版本從您的解決方案創建了一個通用函數。

function groupBy(dataToGroupOn, fieldNameToGroupOn, fieldNameForGroupName, fieldNameForChildren) { 
      var result = _.chain(dataToGroupOn) 
      .groupBy(fieldNameToGroupOn) 
      .toPairs() 
      .map(function (currentItem) { 
       return _.zipObject([fieldNameForGroupName, fieldNameForChildren], currentItem); 
      }) 
      .value(); 
      return result; 
     } 

要使用它：

var result = groupBy(data, 'color', 'colorId', 'users'); 

這裏是更新的小提琴手;

https://jsfiddle.net/sc2L9dby/

Answer 4

是不是這個簡單？

var result = _(data) 
      .groupBy(x => x.color) 
      .map((value, key) => ({color: key, users: value})) 
      .value(); 

Answer 5

另一種方式

_.chain(data) 
    .groupBy('color') 
    .map((users, color) => ({ users, color })) 
    .value(); 

Answer 6

這裏是使用利用Lodash 4.17列lodash 4和ES6

const result = _.chain(data) 
    .groupBy("color") 
    .toPairs() 
    .map(pair => _.zipObject(['color', 'users'], pair)) 
    .value(); 

Answer 7

例GROUPBY和總和的更新版本。4

var data = [{ 
       "name": "jim", 
       "color": "blue", 
       "amount": 22 
       }, { 
       "name": "Sam", 
       "color": "blue", 
       "amount": 33 
       }, { 
       "name": "eddie", 
       "color": "green", 
       "amount": 77 
       }]; 

     var result = _(data) 
        .groupBy(x => x.color) 
        .map((value, key) => 
        ({color: key, 
        totalamount: _.sumBy(value,'amount'), 
        users: value})).value(); 

        console.log(result); 

Answer 8

在2017年這樣做

_.chain(data) 
    .groupBy("color") 
    .toPairs() 
    .map(item => _.zipObject(["color", "users"], item)) 
    .value(); 

Answer 9

我寫了一個使用lodash並返回一個分組數據的功能。

let _ = require('lodash'); 

let values = [ 
    { contract_id: "123", id_counterparty: "11" } , 
    { contract_id: "124", id_counterparty: "12" } , 
    { contract_id: "127", id_counterparty: "11" } , 
    { contract_id: "129", id_counterparty: "14" } , 
]; 

let res = _groupObjectsBy('id_counterparty', values, 'groupName', 'values'); 

console.log(res); 


function _groupObjectsBy(propName, objectsArray, outputGroupName, outputValuesName) { 
    let result = _(objectsArray) 
     .groupBy(obj => obj[ propName ]) 
     .map((values, key) => { 
      let obj = {}; 
      obj[ 'groupedBy' ] = propName; 
      obj[ outputGroupName ] = key; 
      obj[ outputValuesName ] = values; 
      return obj; 
     }) 
     .value(); 
     return result; 
} 

結果：

[ { groupedBy: 'id_counterparty', 
groupName: '11', 
values: [ [Object], [Object] ] }, 
{ groupedBy: 'id_counterparty', 
groupName: '12', 
values: [ [Object] ] }, 
{ groupedBy: 'id_counterparty', 
groupName: '14', 
values: [ [Object] ] } ] 

Answer 10

最高的投票答案使用這被認爲是現在一種不好的做法"Why using _.chain is a mistake."

這裏Lodash _.chain功能，從函數式編程接近問題fewliner透視圖：

import tap from "lodash/fp/tap"; 
import flow from "lodash/fp/flow"; 
import groupBy from "lodash/fp/groupBy"; 

const map = require('lodash/fp/map').convert({ 'cap': false }); 

const result = flow(
     groupBy('color'), 
     map((users, color) => ({color, users})), 
     tap(console.log) 
    )(input) 

其中input是您要轉換的數組。