Filtrar Array de Objetos en JavaScript

Este artículo le enseñará cómo filtrar elementos en un array utilizando la función filter() de JavaScript.

Filtrar un array de objetos en JavaScript

Cuando se trabaja con un array, uno de los trabajos más típicos es crear una nueva colección que incluya un subconjunto de los miembros de la matriz original. Suponga que tiene una variedad de objetos de estudiante, cada uno de los cuales tiene dos propiedades: sports y 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'},
];

Para encontrar a los alumnos cuyo deporte favorito es el cricket, tienes que filtrar los deportes que incluye el cricket así:

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

Ejecutar código

Producción :

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

En este ejemplo, usamos el método filter() del objeto de matriz students y pasamos un programa que prueba cada miembro. Dentro de la función, determinamos si los deportes de cada alumno de la matriz corresponden a cricket.

Si este es el caso, la función devuelve true; en caso contrario, devuelve false. El método filter() contiene solo aquellos elementos en la matriz de retorno que pasan la condición de la función de devolución de llamada.