Guía para el método JavaScript Array Filter()

En JavaScript, el método filter() es un método iterativo que llama a una función de devolución de llamada una vez para cada elemento de una matriz. Si la función de devolución de llamada devuelve verdadero, incluye ese elemento en la matriz de retorno. El método filter() también se denomina método de copia porque devuelve una copia superficial de una matriz que contiene los mismos elementos que los de la matriz original.

El método JavaScript array filter() le permite filtrar una matriz para ver solo los elementos que cumplen una condición específica. Utiliza una función de devolución de llamada para recorrer cada elemento de la matriz y solo devuelve los que cumplen la condición especificada.

El método JavaScript filter() se parece a cualquier otro método, excepto que acepta parámetros que proporcionan más opciones para manipular los datos dentro de una matriz.

El método filter() acepta dos argumentos con nombre: una función de devolución de llamada y un objeto opcional. La función de devolución de llamada toma tres argumentos:

El índice de los argumentos de la matriz es opcional.

El método filter() crea una nueva matriz con todos los elementos. Hay tres formas diferentes de escribir la sintaxis del método filter(). La sintaxis es la siguiente:

callbackFn ejecuta cada elemento de una matriz. Devuelve un valor verdadero para mantener el elemento en una matriz. La devolución de llamadaFn se llama con los siguientes argumentos:

Más sobre JavaScript3 formas de utilizar Array Slice en JavaScript

Para utilizar el método filter() en JavaScript, debemos seguir cuatro pasos:

A continuación se muestra un ejemplo que utiliza el método filter() para filtrar una matriz según un criterio de búsqueda de marcas de automóviles que comienzan con la letra "B".

En este ejemplo, se llama al método filter() en la matriz de automóviles para devolver solo marcas de automóviles que comienzan con la letra "B". La función filterItems toma dos parámetros arr y query que devuelve la nueva matriz con el valor de consulta coincidente. Método de elemento de filtro interiorEl método filter() se llama en la matriz de automóviles que filtrará la matriz según la consulta.

El método filter() atraviesa la matriz y prueba cada elemento para determinar si coincide con la consulta. Vuelve una nueva gama con tres marcas: Bentley, BMW y Bertone.

El método filter() no modifica la matriz original, sino que devuelve una nueva matriz con solo los elementos que pasan la prueba dentro de la función.

El siguiente es el código que filtra una matriz de números y crea una nueva matriz con solo los elementos pares. Los pasos para usar filter() en una matriz de números son:

A continuación se muestra un ejemplo que demuestra el programa.

En el código anterior, definimos una matriz de números numberArr. Usamos el método filter() en númerosArr y pasamos una función que determina si cada elemento es par usando el operador de módulo % para ver si el número es divisible por dos. Si el número es par, la función devuelve verdadero y el elemento se incluye en la nueva matriz NúmerosPares. Si el número es impar, la función devuelve falso y el número se excluye de la nueva matriz.

El siguiente es el código que filtra una matriz de objetos y crea una nueva matriz con solo los elementos verdaderos. Los pasos para usar filter() en una matriz de objetos son:

Aquí hay un fragmento de código de ejemplo que demuestra el programa.

En el código anterior, definimos una serie de objetos autónomos. Usamos el método filter() en la matriz de autónomos y pasamos una función que verifica si cada autónomo tiene conocimientos de JavaScript. Si la habilidad coincidía con la condición, el objeto se incluía en la nueva matriz filter_freelancers. Si la habilidad no coincide, la función devuelve falso y el objeto se excluye de la nueva matriz. El resultado devuelve una nueva matriz con dos trabajadores independientes, Harry y David, que son expertos en JavaScript.

El siguiente es un código que filtra todos los números primos de una matriz y crea una nueva matriz solo con los números primos. Los pasos para utilizar el filtro() son:

Aquí hay un fragmento de código de ejemplo que demuestra el ejemplo.

En el código anterior, definimos una matriz de números. Usamos el método filter() en la matriz y pasamos una función isPrime que verifica si cada elemento es primo. Si el número es primo, la función devuelve verdadero y el elemento se incluye en una nueva matriz. Si no coincide, la función devuelve falso y el objeto se excluye de la nueva matriz. Los criterios de búsqueda mostraron una nueva matriz con los números [2, 3, 5, 7, 11, 13].

A continuación se ofrecen algunos consejos útiles para utilizar el método filter() en JavaScript:

Más sobre JavaScriptCómo utilizar el método JavaScript Array FindIndex

Aquí hay algunos errores comunes que se deben evitar al usar filter() en Javascript: