Maison > interface Web > js tutoriel > Regroupement de tableaux en JavaScript (4)

Regroupement de tableaux en JavaScript (4)

WBOY
Libérer: 2024-09-01 21:09:32
original
711 Les gens l'ont consulté

Array Grouping In JavaScript (4)

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.

  1. array.group exemple :

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!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal