Rumah > Artikel > hujung hadapan web > Pengumpulan Tatasusunan Dalam JavaScript (4)
Pengumpulan Tatasusunan Dalam JavaScript (2024)
Pengumpulan Array bukanlah perkara baharu dalam JavaScript. Pengumpulan Tatasusunan ialah ciri baharu dalam JavaScript yang membantu pembangun menyusun elemen dalam tatasusunan ke dalam kumpulan berdasarkan ciri tertentu. Ini menjadikannya lebih mudah untuk mencari dan bekerja dengan data.
Sekarang, persoalannya ialah bagaimana ia berfungsi?
nah, sebelum datang pembangun kaedah terkini dan moden mengumpulkan elemen tatasusunan dengan pelbagai cara untuknya ialah "kaedah mengurangkan".
contoh :
pelajar konst = [
{nama: "SK Toukir", umur: 21 },
{nama: "SK Turaj", umur: 21},
{nama: "SK Jehan", umur: 20},
];
const studentAges = student.reduce((hasil, pelajar=>{
umur const = pelajar.umur;
jika( !hasil[ umur ] ){
keputusan[ umur ]= [ ];
} keputusan[ umur ].tolak( pelajar );
pulangkan hasil;
}),{});
console.log( studentAges );
Tetapi dalam JavaScript moden Ia menjadi sangat mudah , pembangun boleh melakukan ini dalam beberapa minit menggunakan kaedah "Objek . groupBy" atau " array.group"
kaedah .
1.Objek . kumpulanOleh
contoh :
pelajar konst = [
{nama: "SK Toukir", umur: 21 },
{nama: "SK Turaj", umur: 21},
{nama: "SK Jehan", umur: 20},
];
const studentAges = Object.groupBy( students, ( student=>student.age ) );
console.log( studentAges );
Dalam kaedah ini, pembangun mula-mula menulis Object.groupBy (nama kaedah) ia memerlukan 2 paramiter. Paramiter pertama ialah nama tatasusunan dan paramiter kedua ialah fungsi panggilan balik dan dengan itu pembangun boleh mengumpulkan elemen tatasusunan dengan mudah.
pelajar konst = [
{nama: "SK Toukir", umur: 21 },
{nama: "SK Turaj", umur: 21},
{nama: "SK Jehan", umur: 20},
];
const studentUmur = pelajar.kumpulan( pelajar=>pelajar.umur );
console.log( studentAges );
Kaedah kumpulan() mengambil item dalam tatasusunan anda dan mengisihnya ke dalam kumpulan. Setiap kumpulan mempunyai label (dipanggil "kunci"), dan item yang tergolong dalam kumpulan itu disimpan bersama dalam tatasusunan.
Notis : Jika kaedah tunda ini tidak berfungsi dalam versi nod sesiapa, buka terminal dalam "vs code" anda dengan taip "npm i core-js" kemudian jalankan kod itu semula , semoga ia akan berfungsi .
Atas ialah kandungan terperinci Pengumpulan Tatasusunan Dalam JavaScript (4). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!