#LearnedToday: Object.groupBy()

?ついに出ましたね！オブジェクトの配列をフィールドの特定の値でグループ化するための醜いコードを記述する必要はもうありません!

2023 年後半以降、それを行う groupBy() と呼ばれる Object の公式静的メソッドが登場しました!
配列などの Iterable と、要素ごとに実行される関数を受け入れ、その特定の要素の「カテゴリ」を返す必要があります。
このメソッドは、各キーが異なるカテゴリであり、その特定のカテゴリに属するオブジェクトの配列を含む新しいオブジェクトを返します。

注: 返されたオブジェクトと元の反復可能オブジェクトの要素は同じです (深いコピーではありません!)。要素の内部構造を変更すると、元の反復可能オブジェクトと返されたオブジェクトの両方に反映されます。

例

ニンジャ タートルズのすべてのキャラクターを年齢ごとにグループ化することがいかに簡単であるかを実際の例で見てみましょう。初期配列

リーリー

古き良き古い方法 (reduce を使用)

リーリー

現代的なやり方

リーリー

ヒント: オブジェクトの代わりにマップを返したい場合は、Map.groupBy() を使用してください

結果

リーリー

デモ

???いつものように、コードで遊ぶための単純な Stackblitz プロジェクトを作成しました。

？ドキュメント: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/groupBy

ℹ ブラウザのサポート: https://caniuse.com/mdn-javascript_builtins_object_groupby

以上が#LearnedToday: Object.groupBy()の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。