☰

オブジェクトの配列をキーでグループ化するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript arrays grouping
オブジェクトの配列をキーでグループ化するにはどうすればいいですか? 質問する

オブジェクトの配列をオブジェクト キーでグループ化し、グループ化に基づいて新しいオブジェクトの配列を作成する方法 (可能であれば lodash も) を知っている人はいますか? たとえば、車のオブジェクトの配列があります。

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。

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

ベストアンサー1

単純なJavascriptでは、Array#reduceオブジェクトを使用して

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; }

2023年更新

今ならObject.groupBy反復可能オブジェクトとグループ化のための関数が必要です。

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 = Object.groupBy(cars, ({ make }) => make);

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

おすすめ記事