Filtrer un tableau d'objets en JavaScript

Cet article vous apprendra à filtrer les éléments d’un tableau à l’aide de la fonction JavaScript filter().

Filtrer un tableau d’objets en JavaScript

Lorsque vous travaillez avec un tableau, l’une des tâches les plus courantes consiste à créer une nouvelle collection qui inclut un sous-ensemble des membres du tableau d’origine. Supposons que vous disposiez d’une variété d’objets étudiants, chacun ayant deux propriétés : sports et subjects.

const students = [
  {sports: ['cricket', 'football'], subjects: 'Science'},
  {sports: ['Badminton', 'Hockey'], subjects: 'Math'},
  {sports: ['Chess', 'cricket'], subjects: 'Computer Science'},
  {sports: ['Judo', 'football'], subjects: 'Social Science'},
];

Pour trouver les élèves dont le sport préféré est le cricket, il faut filtrer les sports qui incluent le cricket comme ceci :

const Cricket = students.filter((e) => e.sports.includes('cricket'));
console.log(Cricket);

Exécuter le code

Production:

[{
  name: "Johnny",
  sports: ["cricket", "football"]
}, {
  name: "Dev",
  sports: ["Chess", "cricket"]
}]

Dans cet exemple, nous avons utilisé la méthode filter() de l’objet tableau students et passé un programme qui teste chaque membre. Au sein de la fonction, nous avons déterminé si les sports de chaque élève du tableau correspondent au cricket.

Si c’est le cas, la fonction retourne true ; sinon, il retourne false. La méthode filter() contient uniquement les éléments du tableau de retour qui satisfont la condition de la fonction de rappel.