Metodo filter() en JavaScript

JavaScript

Para filtrar un array en JavaScript, puedes utilizar el método filter() de los arrays. Este método toma una función de devolución de llamada (callback) como argumento y devuelve un nuevo array con todos los elementos para los que la función de devolución de llamada devuelve un valor true. Por ejemplo, aquí tienes cómo filtrar un array de números para obtener solo los números pares:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const evenNumbers = numbers.filter(number => number % 2 === 0);

console.log(evenNumbers); // [2, 4, 6, 8, 10]

 

En este ejemplo, la función de devolución de llamada es una función flecha que comprueba si el número es par (es decir, si el resto de la división del número por 2 es igual a 0). Si el número es par, la función de devolución de llamada devuelve true y el número se incluye en el nuevo array evenNumbers. Si el número es impar, la función de devolución de llamada devuelve false y el número no se incluye en el nuevo array.

Puedes utilizar filter() para filtrar cualquier tipo de array y puedes personalizar la función de devolución de llamada para que haga cualquier tipo de comprobación que necesites. Por ejemplo, para filtrar un array de objetos basándote en un valor de propiedad del objeto, podrías hacer algo como esto:

const products = [
  {name: 'apple', type: 'fruit'},
  {name: 'carrot', type: 'vegetable'},
  {name: 'banana', type: 'fruit'},
  {name: 'lettuce', type: 'vegetable'},
  {name: 'orange', type: 'fruit'},
];

const fruits = products.filter(product => product.type === 'fruit');

console.log(fruits);
// [{name: 'apple', type: 'fruit'}, {name: 'banana', type: 'fruit'}, {name: 'orange', type: 'fruit'}]

Espero que esto te ayude a empezar con el filtrado de arrays en JavaScript.

También puedes acceder a nuestro curso de JavaScript 100% práctico

VER CURSO