JavaScript でオブジェクトのプロパティごとに配列項目をグループ化する方法

オブジェクト プロパティによる配列アイテムのグループ化

シナリオでは、共通のグループ プロパティを持つオブジェクトを含む配列を新しい配列に統合したいと考えています。 。各グループには一意のカラー配列が必要です。

JavaScript を使用してこれを実現するには:

1. 値へのグループ名のマッピングを作成します:
   空のオブジェクト、group_to_values。次に、reduce メソッドを使用して入力配列 myArray を調べます。

• myArray 内の各オブジェクトについて、グループ プロパティを確認します。
• グループ プロパティをgroup_to_values のキー。
• 存在しない場合は、そのキーに配列を作成します
• オブジェクトの color プロパティを対応するグループ キーの配列にプッシュします。

var group_to_values = myArray.reduce(function (obj, item) {
    obj[item.group] = obj[item.group] || [];
    obj[item.group].push(item.color);
    return obj;
}, {});

2. 必要な形式に変換します:
   group_to_values オブジェクトを目的の配列形式に変換します。 Object.keys() を使用してグループ名を取得し、それらをオブジェクトに変換します。

var groups = Object.keys(group_to_values).map(function (key) {
    return {group: key, color: group_to_values[key]};
});

結果のグループは、それぞれがグループを表す、色の配列を持つオブジェクトの配列になります。そのグループのすべての固有の色が含まれています。

以上がJavaScript でオブジェクトのプロパティごとに配列項目をグループ化する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。