Método JavaScript Array filter() – Part 1

El método arr.filter() se usa para crear una nueva array a partir de una array dada que consiste solo en aquellos elementos de la array dada que satisfacen una condición establecida por el método de argumento. 

Sintaxis: 

array.filter(callback(element, index, arr), thisValue)

Parámetros: Este método acepta cinco parámetros como se mencionó anteriormente y se describe a continuación: 

• devolución de llamada: este parámetro contiene la función que se llamará para cada elemento de la array.
• elemento: el parámetro contiene el valor de los elementos que se están procesando actualmente.
• index: este parámetro es opcional, contiene el índice del elemento currentValue en la array a partir de 0.
• arr: este parámetro es opcional, contiene la array completa en la que se llama a Array.every.
• thisValue : este parámetro es opcional, contiene el contexto que se pasará como este para usarse mientras se ejecuta la función de devolución de llamada. Si se pasa el contexto, se usará así para cada invocación de la función de devolución de llamada; de lo contrario, se usa undefined como valor predeterminado.

Valor devuelto: este método devuelve una nueva array que consta solo de aquellos elementos que cumplieron la condición de arg_function . 

Ejemplo 1:   En este ejemplo, el método filter() crea una nueva array que consta solo de aquellos elementos que satisfacen la condición verificada por la función canVote().

<script>
    // JavaScript to illustrate findIndex() method
    function canVote(age) {
        return age >= 18;
    }
 
    function func() {
        var filtered = [24, 33, 16, 40].filter(canVote);
        document.write(filtered);
    }
    func();
</script>                   

• Producción:  

[24,33,40]

• Ejemplo 2: En este ejemplo, el método filter() crea una nueva array que consta solo de aquellos elementos que satisfacen la condición verificada por la función isPositive() .
   

function isPositive(value) {
  return value > 0;
}
 
var filtered = [112, 52, 0, -1, 944].filter(isPositive);
print(filtered);

• Producción: 
   

[112,52,944]

• Ejemplo 3: En este ejemplo, el método filter() crea una nueva array que consta solo de aquellos elementos que satisfacen la condición verificada por la función isEven() . 

function isEven(value) {
  return value % 2 == 0;
}
 
var filtered = [11, 98, 31, 23, 944].filter(isEven);
print(filtered);

• Producción: 

[98,944]

Navegadores compatibles: los navegadores compatibles con el método JavaScript Array filter() se enumeran a continuación: 
 

• Google Chrome
• Microsoft Edge 9.0
• MozillaFirefox 1.5
• Safari
• Ópera