JavaScript Array filter()

定义和用法

filter() El método crea un array que contiene todos los elementos del array que pasan la prueba (proporcionados como función).

Notas:filter() No se ejecutará esta función en los elementos del array sin valor.

Notas:filter() No cambia el array original.

Ejemplo

Ejemplo 1

Devuelve un array compuesto por todos los valores de la array 'ages' que son 18 años o más:

var ages = [32, 33, 16, 40];
function checkAdult(age) {
  return age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

Prueba por ti mismo

Ejemplo 2

Devuelve un array compuesto por todos los valores de la array 'ages' que son mayores o iguales a un número específico:

<p>Edad mínima: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Probar</button>
<p>Todas las edades por encima del mínimo: <span id="demo"></span></p>
<script>
var ages = [32, 33, 12, 40];
function checkAdult(age) {
  return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>

Prueba por ti mismo

Sintaxis

array.filter(function(currentValue, index, arr, thisValue)

Valor del parámetro

Parámetros Descripción
function(currentValue, index, arr) Requerido. Función a ejecutar en cada elemento del array.

Parámetros de la función:

Parámetros Descripción
currentValue Requerido. El valor del elemento actual.
index Opcional. El índice del array del elemento actual.
arr Opcional. El objeto de array al que pertenece el elemento actual.
thisValue

Opcional. Valor a transmitir a la función para usarlo como su valor "this".

Si este parámetro está vacío, se transmitirá el valor "undefined" como su valor "this".

Detalles técnicos

Valor devuelto: Un array que contiene todos los elementos del array que pasan la prueba. Si no hay elementos que pasen la prueba, devuelve un array vacío.
Versión de JavaScript: ECMAScript 5

Soporte del navegador

Todos los navegadores lo soportan completamente filter() Método:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte 9.0 Soporte Soporte Soporte Soporte

Páginas relacionadas

Tutoriales:Arrays en JavaScript

Tutoriales:Const de arrays en JavaScript

Tutoriales:Métodos de arrays en JavaScript

Tutoriales:Ordenación de arrays en JavaScript

Tutoriales:Iteración de arrays en JavaScript