Comment puis-je regrouper un tableau d'objets par clé ?

Question

Est-ce que quelqu'un sait s'il existe un moyen (lodash si possible également) de regrouper un tableau d'objets par une clé d'objet, puis de créer un nouveau tableau d'objets en fonction du regroupement? Par exemple, j'ai un tableau d'objets de voitures:

const cars = [
    {
        'make': 'audi',
        'model': 'r8',
        'year': '2012'
    }, {
        'make': 'audi',
        'model': 'rs5',
        'year': '2013'
    }, {
        'make': 'ford',
        'model': 'mustang',
        'year': '2012'
    }, {
        'make': 'ford',
        'model': 'fusion',
        'year': '2015'
    }, {
        'make': 'kia',
        'model': 'optima',
        'year': '2012'
    },
];

Je veux créer un nouveau tableau d'objets de voitures regroupé par make:

const cars = {
    'audi': [
        {
            'model': 'r8',
            'year': '2012'
        }, {
            'model': 'rs5',
            'year': '2013'
        },
    ],

    'ford': [
        {
            'model': 'mustang',
            'year': '2012'
        }, {
            'model': 'fusion',
            'year': '2015'
        }
    ],

    'kia': [
        {
            'model': 'optima',
            'year': '2012'
        }
    ]
}

Answer 1

En JavaScript pur, vous pourriez utiliser Array#reduce avec un objet

var cars = [{ make: 'audi', model: 'r8', year: '2012' }, { make: 'audi', model: 'rs5', year: '2013' }, { make: 'ford', model: 'mustang', year: '2012' }, { make: 'ford', model: 'fusion', year: '2015' }, { make: 'kia', model: 'optima', year: '2012' }],
    result = cars.reduce(function (r, a) {
        r[a.make] = r[a.make] || [];
        r[a.make].push(a);
        return r;
    }, Object.create(null));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

La réponse de Timo est celle que je choisirais. Simple _.groupBy, et autorise quelques duplications dans les objets de la structure groupée.

Cependant, l'auteur de la question a également demandé que les clés de duplication make soient supprimées. Si vous voulez aller jusqu'au bout:

var grouped = _.mapValues(_.groupBy(cars, 'make'),
                          clist => clist.map(car => _.omit(car, 'make')));

console.log(grouped);

Rendu:

{ audi:
   [ { model: 'r8', year: '2012' },
     { model: 'rs5', year: '2013' } ],
  ford:
   [ { model: 'mustang', year: '2012' },
     { model: 'fusion', year: '2015' } ],
  kia: 
   [ { model: 'optima', year: '2012' } ] 
}

Si vous souhaitez le faire en utilisant Underscore.js, notez que sa version de _.mapValues s'appelle _.mapObject.

Answer 3

Vous recherchez _.groupBy().

Supprimer la propriété par laquelle vous groupez les objets devrait être trivial si nécessaire:

const cars = [{
  'make': 'audi',
  'model': 'r8',
  'year': '2012'
}, {
  'make': 'audi',
  'model': 'rs5',
  'year': '2013'
}, {
  'make': 'ford',
  'model': 'mustang',
  'year': '2012'
}, {
  'make': 'ford',
  'model': 'fusion',
  'year': '2015'
}, {
  'make': 'kia',
  'model': 'optima',
  'year': '2012'
}];

const grouped = _.groupBy(cars, car => car.make);

console.log(grouped);

Answer 4

Il n'y a absolument aucune raison de télécharger une bibliothèque tierce pour résoudre ce problème simple, comme le suggèrent les solutions ci-dessus.

La version en une ligne pour regrouper une liste d'objets par une certaine clé en es6 :

const groupByKey = (liste, clé) => liste.reduce((hash, obj) => ({...hash, [obj[clé]]:( hash[obj[clé]] || [] ).concat(obj)}), {})

La version plus longue qui filtre les objets sans la clé :

function groupByKey(tableau, clé) {
   return tableau
     .reduce((hash, obj) => {
       if(obj[clé] === undefined) return hash; 
       return Object.assign(hash, { [obj[clé]]:( hash[obj[clé]] || [] ).concat(obj)})
     }, {})
}

var voitures = [{'make':'audi','model':'r8','year':'2012'},{'make':'audi','model':'rs5','year':'2013'},{'make':'ford','model':'mustang','year':'2012'},{'make':'ford','model':'fusion','year':'2015'},{'make':'kia','model':'optima','year':'2012'    }];

console.log(groupByKey(voitures, 'make'))

REMARQUE : Il semble que la question originale demande comment regrouper les voitures par marque, mais omettre la marque dans chaque groupe. Ainsi, la réponse courte, sans bibliothèques tierces, ressemblerait à ceci :

const groupByKey = (liste, clé, {omitKey=false}) => liste.reduce((hash, {[clé]:valeur, ...rest}) => ({...hash, [valeur]:( hash[valeur] || [] ).concat(omitKey ? {...rest} : {[clé]:valeur, ...rest})} ), {})

var voitures = [{'make':'audi','model':'r8','year':'2012'},{'make':'audi','model':'rs5','year':'2013'},{'make':'ford','model':'mustang','year':'2012'},{'make':'ford','model':'fusion','year':'2015'},{'make':'kia','model':'optima','year':'2012'}];

console.log(groupByKey(voitures, 'make', {omitKey:true}))

Answer 5

Vous pouvez essayer de modifier l'objet à l'intérieur de la fonction appelée par _.groupBy pendant chaque itération. Veuillez noter que le tableau source modifie ses éléments !

var res = _.groupBy(cars, (car) => {
    const makeValue = car.make;
    delete car.make;
    return makeValue;
});
console.log(res);
console.log(cars);