Método filter() de JavaScript Array
Objeto Array de JavaScriptEjemplo
Devuelve el arrayagesde todos los elementos que son mayores que 18:
var ages = [32, 33, 16, 40];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
El resultado de salida es:
32,33,40
Pruébalo »
Definición y uso
El método filter() crea un nuevo array, cuyos elementos son todos los que cumplen la condición especificada en el array dado.
Nota:filter() no comprueba arrays vacíos.
Nota:filter() no modifica el array original.
Soporte del navegador
Los números de la tabla indican la primera versión del navegador que soporta el método.
| Método | |||||
|---|---|---|---|---|---|
| filter() | Yes | 9 | 1.5 | Yes | Yes |
Sintaxis
array.filter(function(currentValue,index,arr), thisValue)
Descripción de parámetros
| Parámetro | Descripción | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| function(currentValue, index,arr) | Obligatorio. Función que se ejecuta para cada elemento del array. Parámetros de la función:
|
||||||||
| thisValue | Opcional. Objeto que se usa como "this" al ejecutar la función de devolución de llamada, pasado a la función. Si se omite thisValue, el valor de "this" es "undefined". |
Detalles técnicos
| Valor de retorno: | Devuelve un array que contiene todos los elementos que cumplen la condición. Si no hay elementos que cumplan la condición, devuelve un array vacío. |
|---|---|
| Versión de JavaScript: | 1.6 |
Más ejemplos
Ejemplo
Devuelve los elementos del array ages que son mayores que el valor especificado en el campo de entrada:
<p>Edad mínima: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Haz clic</button>
<p>¿Hay elementos mayores que el array especificado? <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>
Pruébalo »
<button onclick="myFunction()">Haz clic</button>
<p>¿Hay elementos mayores que el array especificado? <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>