Regroupement de tableaux en JavaScript (2024)
Le regroupement de tableaux n'est pas une nouveauté en JavaScript. Le regroupement de tableaux est une nouvelle fonctionnalité de JavaScript qui aide les développeurs à organiser les éléments d'un tableau en groupes en fonction d'une caractéristique spécifique. Cela facilite la recherche et l'utilisation des données.
Maintenant, la question est : comment ça marche ?
eh bien, avant de venir, le développeur de méthodes les plus récentes et modernes regroupe les éléments du tableau de différentes manières, selon la "méthode de réduction".
exemple :
const étudiants = [
{nom : « SK Toukir », âge : 21 },
{nom : "SK Turaj", âge : 21},
{nom : "SK Jehan", âge : 20},
];
const studentAges = student.reduce((result, student=>{
const age = étudiant.age;
si( !result[ âge ] ){
résultat[ âge ]= [ ];
} résultat[ âge ].push( étudiant );
renvoyer le résultat ;
}),{});
console.log( studentAges );
Mais dans JavaScript moderne, cela devient très simple, les développeurs peuvent le faire en quelques minutes en utilisant la méthode "Object . groupBy" ou " array.group"
méthode .
1.Objet. groupBy
exemple :
const étudiants = [
{nom : « SK Toukir », âge : 21 },
{nom : "SK Turaj", âge : 21},
{nom : "SK Jehan", âge : 20},
];
const studentAges = Object.groupBy( étudiants, ( student=>student.age ) );
console.log( studentAges );
Dans cette méthode, les premiers développeurs écrivent Object.groupBy (nom de la méthode), cela prend 2 paramètres. Le premier paramètre sera le nom du tableau et le deuxième paramètre sera une fonction de rappel et ainsi les développeurs pourront facilement regrouper les éléments du tableau.
const étudiants = [
{nom : « SK Toukir », âge : 21 },
{nom : "SK Turaj", âge : 21},
{nom : "SK Jehan", âge : 20},
];
const studentAges = étudiants.group( student=>student.age );
console.log( studentAges );
La méthode group() prend les éléments de votre tableau et les trie en groupes. Chaque groupe a une étiquette (appelée « clé ») et les éléments qui appartiennent à ce groupe sont stockés ensemble dans un tableau.
Remarque : si ces méthodes de remorquage ne fonctionnent dans aucune version de nœud, ouvrez le terminal dans votre "vs code" en tapant "npm i core-js", puis exécutez à nouveau le code, j'espère que cela fonctionnera.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!