Array-Gruppierung in JavaScript (4)

Array-Gruppierung in JavaScript (2024)
Array-Gruppierung ist in JavaScript keine neue Sache. Array-Gruppierung ist eine neue Funktion in JavaScript, die Entwicklern hilft, Elemente in einem Array basierend auf einem bestimmten Merkmal in Gruppen zu organisieren. Dies erleichtert das Auffinden und Arbeiten mit Daten.
Die Frage ist nun: Wie funktioniert es?
Nun, bevor die neueste und moderne Methode kommt, gruppiert der Entwickler die Array-Elemente auf viele verschiedene Arten, eine davon ist „Methode reduzieren“.

Beispiel:

const Students = [
{Name: „SK Toukir“, Alter: 21 },
{Name: „SK Turaj“, Alter: 21},
{Name: „SK Jehan“, Alter: 20},
];
const studentAges = student.reduce((result, student=>{
const age = student.age;
if( !result[ Alter ] ){
Ergebnis[ Alter ]= [ ];
} result[ age ].push( student );
Ergebnis zurückgeben;
}),{});
console.log( studentAges );

Aber in modernem JavaScript ist es sehr einfach geworden, Entwickler können dies in wenigen Minuten mit der Methode „Object.groupBy“ oder „array.group“ tun
Methode.
1.Objekt. groupBy
Beispiel:

const Students = [
{Name: „SK Toukir“, Alter: 21 },
{Name: „SK Turaj“, Alter: 21},
{Name: „SK Jehan“, Alter: 20},
];
const studentAges = Object.groupBy( Students, ( student=>student.age ) );
console.log( studentAges );

In dieser Methode schreiben die ersten Entwickler Object.groupBy (Methodenname), es werden 2 Parameter benötigt. Der erste Parameter ist der Array-Name und der zweite Parameter ist eine Rückruffunktion, mit der Entwickler die Array-Elemente einfach gruppieren können.

1. array.group Beispiel:

const Students = [
{Name: „SK Toukir“, Alter: 21 },
{Name: „SK Turaj“, Alter: 21},
{Name: „SK Jehan“, Alter: 20},
];
const studentAges = Students.group( student=>student.age );
console.log( studentAges );

Die Methode group() nimmt die Elemente in Ihrem Array und sortiert sie in Gruppen. Jede Gruppe hat eine Bezeichnung (als „Schlüssel“ bezeichnet) und die Elemente, die zu dieser Gruppe gehören, werden zusammen in einem Array gespeichert.

Hinweis: Wenn diese Tow-Methode in keiner Knotenversion funktioniert, öffnen Sie das Terminal in Ihrem „vs-Code“, geben Sie „npm i core-js“ ein und führen Sie den Code dann erneut aus, hoffentlich funktioniert es.

Das obige ist der detaillierte Inhalt vonArray-Gruppierung in JavaScript (4). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!