首頁 >web前端 >js教程 >JavaScript 中的陣列分組(4)

JavaScript 中的陣列分組(4)

WBOY
WBOY原創
2024-09-01 21:09:32678瀏覽

Array Grouping In JavaScript (4)

JavaScript 中的陣列分組 (2024)
陣列分組在 JavaScript 中並不是什麼新鮮事。陣列分組是 JavaScript 中的新功能,可協助開發人員根據特定特徵將陣列中的元素組織成群組。這使得尋找和使用資料變得更加容易。
現在的問題是它是如何運作的?
好吧,在最新和現代的方法出現之前,開發人員將數組元素以多種不同的方式分組,其中就是「減少方法」。

範例:

常量學生 = [
{姓名:“SK Toukir”,年齡:21 },
{姓名:“SK Turaj”,年齡:21},
{姓名:“SK Jehan”,年齡:20},
];
const StudentAges = Student.reduce((結果, Student=>{
const 年齡 = 學生.年齡;
if( !結果[ 年齡 ] ){
結果[年齡]=[];
} 結果[ 年齡 ].push( 學生 );
回傳結果;
}),{});
console.log(studentAges);

但是在現代 JavaScript 中這變得非常容易,開發人員可以使用“Object .groupBy”方法或“array.group”在幾分鐘內完成此操作
方法 。
1.對象。分組依據
例:

常量學生 = [
{姓名:“SK Toukir”,年齡:21 },
{姓名:“SK Turaj”,年齡:21},
{姓名:“SK Jehan”,年齡:20},
];
const StudentAges = Object.groupBy( Students, ( Student=>student.age ) );
console.log(studentAges);

在此方法中,開發人員首先編寫 Object.groupBy(方法名稱),它需要 2 個參數。第一個參數是陣列名稱,第二個參數是回呼函數,開發人員可以輕鬆地將陣列元素分組。

  1. 數組.group 例:

常量學生 = [
{姓名:“SK Toukir”,年齡:21 },
{姓名:“SK Turaj”,年齡:21},
{姓名:“SK Jehan”,年齡:20},
];
const StudentAges = Students.group( Student=>student.age );
console.log(studentAges);

group() 方法取得陣列中的項目並將它們分組。每個群組都有一個標籤(稱為「鍵」),屬於該群組的項目一起儲存在一個陣列中。

注意:如果這些拖曳方法在任何人的節點版本中都不起作用,請在“vs code”中打開終端,輸入“npm i core-js”,然後再次運行程式碼,希望它會起作用。

以上是JavaScript 中的陣列分組(4)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn