ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript での配列のグループ化 (4)

JavaScript での配列のグループ化 (4)

WBOY
リリース: 2024-09-01 21:09:32
オリジナル
676 人が閲覧しました

Array Grouping In JavaScript (4)

JavaScript での配列のグループ化 (2024)
配列のグループ化は JavaScript では新しいことではありません。配列グループ化は、開発者が特定の特性に基づいて配列内の要素をグループに整理するのに役立つ JavaScript の新機能です。これにより、データの検索と操作が容易になります。
さて、問題はそれがどのように機能するかということです。
さて、最新のメソッド開発者が登場する前に、配列要素をさまざまな方法でグループ化するのが「reduce メソッド」です。

例:

const students = [
{名前: "SK Toukir"、年齢: 21 }、
{名前: "SK トゥラジ"、年齢: 21}、
{名前: "SK Jehan"、年齢: 20}、
];
conststudentAges =student.reduce((result,student=>{
const age = 学生.年齢;
if( !result[ 年齢 ] ){
結果[ 年齢 ]= [ ];
} result[ 年齢 ].push( 学生 );
結果を返します;
}),{});
console.log(studentAges );

しかし、最新の JavaScript では非常に簡単になり、開発者は「Object . groupBy」メソッドまたは「array.group」を使用して数分でこれを実行できます
方法 。
1.オブジェクト。グループ化
例:

const students = [
{名前: "SK Toukir"、年齢: 21 }、
{名前: "SK トゥラジ"、年齢: 21}、
{名前: "SK Jehan"、年齢: 20}、
];
conststudentAges = Object.groupBy(students, (student=>student.age ) );
console.log(studentAges );

このメソッドでは、開発者は最初に Object.groupBy (メソッド名) を記述します。これには 2 つのパラメータが必要です。最初のパラメータは配列名、2 番目のパラメータはコールバック関数となり、これにより開発者は配列要素を簡単にグループ化できます。

  1. 配列.グループ 例:

const students = [
{名前: "SK Toukir"、年齢: 21 }、
{名前: "SK トゥラジ"、年齢: 21}、
{名前: "SK Jehan"、年齢: 20}、
];
conststudentAges = students.group(student=>student.age );
console.log(studentAges );

group() メソッドは、配列内の項目を取得し、それらをグループに並べ替えます。各グループにはラベル (「キー」と呼ばれる) があり、そのグループに属する項目は配列にまとめて格納されます。

注意: これらの toe メソッドがどのノードのバージョンでも機能しない場合は、「vs code」でターミナルを開き、「npm i core-js」と入力してコードを再度実行してください。うまくいけば機能します。

以上がJavaScript での配列のグループ化 (4)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート