Group array of objects by key where key is an array

Question

Can we achieve a group by on an array of objects by object's key where key is also an array?

[
    {
        "name": "Apple",
        "tags": ["fruits"]
    },
    {
        "name": "Orange",
        "tags": ["fruits"]
    },
    {
        "name": "Tomato",
        "tags": ["fruits", "vegetables"]
    }
]

Wanted results in an object after the group by:

{
    "fruits": [
        {
            "name": "Apple",
            "tags": ["fruits"]
        },
        {
            "name": "Orange",
            "tags": ["fruits"]
        },
        {
            "name": "Tomato",
            "tags": ["fruits", "vegetables"]
        }
    ],
    "vegetables": [
        {
            "name": "Tomato",
            "tags": ["fruits", "vegetables"]
        }
    ]
}

Vanilla or Lodash solution is very welcome!

Edit

Thanks everyone, here is what I ended up using:

const groupBy = key => array =>
    array.reduce((obj, el) => {
        el[key].forEach(k => {
            obj[k] = obj[k] || []
            obj[k].push({ ...el })
        })
        return obj
    }, {})

const groupBySomething = groupBy(`something`)
const grouped = groupBySomething(data)

@GabrielePetrioli I tried with Lodash's _.groupBy couldn't get it working. — wassim
– wassim, Commented Nov 19, 2020 at 11:45

yunzen · Accepted Answer · 2020-11-19 11:48:40Z

3

This uses Array.prototype.reduce and Array.prototype.forEach

{
  const data = [
    {
        "name": "Apple",
        "tags": ["fruits"]
    },
    {
        "name": "Orange",
        "tags": ["fruits"]
    },
    {
        "name": "Tomato",
        "tags": ["fruits", "vegetables"]
    }
  ]
 
  const groupedData = data.reduce((carry, element) => {
    element.tags.forEach(tag => {
      carry[tag] = carry[tag] || []
      carry[tag].push({...element})
    })
    return carry; 
  }, {})
  
  console.log(groupedData)
}

answered Nov 19, 2020 at 11:48

yunzen

33.5k13 gold badges79 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ran Marciano · Accepted Answer · 2020-11-19 11:50:50Z

3

Here:

let arr = [
    {
        "name": "Apple",
        "tags": ["fruits"]
    },
    {
        "name": "Orange",
        "tags": ["fruits"]
    },
    {
        "name": "Tomato",
        "tags": ["fruits", "vegetables"]
    }
];

let response = {};
for(let i of arr){
  for(let j of i.tags){
     let tags =[...i.tags]
     if(response[j]){
        response[j].push({...i , tags: tags})
     } else{
        response[j] = [{...i, tags: tags}];
     }
  }
}

console.log(response)

edited Nov 19, 2020 at 11:50

answered Nov 19, 2020 at 11:44

Ran Marciano

1,5615 gold badges17 silver badges33 bronze badges

Comments

FujiRoyale · Accepted Answer · 2020-11-19 17:31:24Z

1

A slightly more terse version of @yunzen version.

input data:

const data = [
    {
        "name": "Apple",
        "tags": ["fruits"]
    },
    {
        "name": "Orange",
        "tags": ["fruits"]
    },
    {
        "name": "Tomato",
        "tags": ["fruits", "vegetables"]
    }
];

const convertData = data.reduce((target, currentElem) => {
        currentElem.tags.forEach(tag => {
            target[tag] ? target[tag].push({...currentElem}) : target[tag] = [{...currentElem}];
        });
        return target;
}, {});

console.log(convertData);

answered Nov 19, 2020 at 17:31

FujiRoyale

84212 silver badges26 bronze badges

Collectives™ on Stack Overflow

Group array of objects by key where key is an array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related