共有キーによって 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 を使用する 1 つのアプローチは、オブジェクトとともに Array#reduce メソッドを使用することです。

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

console.log(result);

このコードは、cars 配列を反復処理し、現在の make が結果オブジェクトのキーとして存在するかどうかを確認します。そうでない場合は、make をキーとして追加し、空の配列を初期化します。次に、現在の車のオブジェクトを対応する配列にプッシュし、オブジェクトをそのメーカー別に効果的にグループ化します。

結果の結果オブジェクトは次のように構造化されます:

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

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

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

以上が共有キーによって JavaScript 配列内のオブジェクトをグループ化するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。