English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método filter() del array JavaScript

 Objeto de matriz de JavaScript

 El método filter() crea un nuevo array que contiene todos los elementos que pasan la prueba implementada por la función de devolución de llamada proporcionada.

Nota: El método filter() no modificará el array original.

Sintaxis:

array.filter(callback, thisArg)
var age = [1, 30, 39, 29, 10, 13];
var val = age.filter(isAdult);
function isAdult(element) {
    devolver element >= 18;
}
Prueba y mira‹/›

Compatibilidad del navegador

Los números en la tabla especifican la primera versión del navegador que admite completamente el método filter():

Método
filter()Es1.5EsEs9

Valor del parámetro

ParámetrosDescripción
callback
Función que se ejecutará para cada elemento del array
Parámetros de la función:
  • element(Obligatorio)-Elemento actual que se está procesando en el array

  • index(Opcional)-Índice del elemento actual que se está procesando en el array

  • array(Opcional)- Llamado al arrayFiltro

thisArg(Opcional) Valor, utilizado al ejecutar la función de devolución de llamada

Detalles técnicos

Valor de retorno:Un nuevo array con elementos que pasaron la prueba. Si no hay elementos que pasen la prueba, se regresará un array vacío
Versión de JavaScript:ECMAScript 5

Más ejemplos

El siguiente ejemplo utiliza el método filter() para filtrar el contenido del array según la condición de búsqueda:

var fruits = ['apple', 'mango', 'banana', 'orange', 'grapes'];
/**
 * Filtros de arrays basados en condiciones de búsqueda (consulta)
 */
function filterItems(query) {
   return fruits.filter(function(el) {
         return el.indexOf(query) > -1;
   }
}
function myFunc(val) {
    document.getElementById("result").innerHTML = filterItems(val);
}
Prueba y mira‹/›

 Objeto de matriz de JavaScript