Lodash または Plain JavaScript を使用して JavaScript でオブジェクトの配列をキーごとにグループ化する方法は?

JavaScript と Lodash を使用したキーによるオブジェクトの配列のグループ化

特定のキーに基づいて配列内のオブジェクトをグループ化することは、一般的な操作です。 Lodash はそのようなタスクを処理するための堅牢なライブラリを提供しますが、プレーンな Javascript を使用してそれを実現することもできます。

次の車オブジェクトの配列を考えてみましょう。

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'
    },
];

目標は、 「make」プロパティによってグループ化されたオブジェクトの新しい配列。プレーンな Javascript を使用すると、次の解決策を適用できます:

var result = cars.reduce(function (r, a) {
    r[a.make] = r[a.make] || [];
    r[a.make].push(a);
    return r;
}, Object.create(null));

このコードは Array#reduce を利用して 'cars' 配列を反復処理します。各オブジェクトについて、その「make」のエントリが「result」オブジェクトに存在するかどうかをチェックします。そうでない場合は、「make」用の新しい配列を作成し、現在のオブジェクトをそこにプッシュします。エントリがすでに存在する場合は、オブジェクトを配列にプッシュするだけです。

Lodash は、こ​​のタスクのショートカットも提供します。

const groupedCars = _.groupBy(cars, 'make');

_.groupBy メソッドは配列とプロパティを受け取ります。名前を指定し、キーが指定されたプロパティの値であり、値がそのプロパティによってグループ化されたオブジェクトの配列である新しいオブジェクトを返します。

以上がLodash または Plain JavaScript を使用して JavaScript でオブジェクトの配列をキーごとにグループ化する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。