how to create a key object and value in an array using reduce()

Question

I have an array of objects, and I need to return an object where its key is the type of pet and its value is an array with the names of the pets. but I can't create the array of the names.

let pets=[
    {name:'kity', edad:10,type:'cat'},
    {name:'saske', edad:10,type:'dog'},
    {name:'naruto', edad:10,type:'dog'},
    {name:'goku', edad:10,type:'cat'},
    {name:'flofy', edad:10,type:'dog'},
    {name:'flufin', edad:10,type:'cat'},
    {name:'honey', edad:10,type:'bird'},
    {name:'silvestre', edad:10,type:'cat'},
    {name:'taz', edad:10,type:'dog'},
    {name:'piolin', edad:10,type:'bird'},
    {name:'gogeta', edad:10,type:'dog'},
]

const reduced = pets.reduce((acc, {name,type}) => ({
        ...acc, [`Type${type}`]: acc[...name]
        }), {});


        

expected

reduce ={
            Typecat:['kity','goku','flufin','silvestre'],
            Typedog:['saske','naruto','flofy','taz','gogeta'],
            Typebird:['honey','piolin']
        }

Answer 1

What you can do is:

const result = pets.reduce((acc, item) => {
  const values = acc[item.type] ? acc[item.type].concat(item.name) : [item.name]
  
  return {
    ...acc,
    [item.type]: values
  }
}, {});