ホームページ >ウェブフロントエンド >jsチュートリアル >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 番目のパラメータはコールバック関数となり、これにより開発者は配列要素を簡単にグループ化できます。
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 サイトの他の関連記事を参照してください。