Filtrar elementos de un array con jQuery

04/Abr/2011 jQuery 4 Comentarios

jQuery nos permite, de una forma muy sencilla, filtrar elementos de un array. Para ello contamos, en jQuery, con la función .grep().

Lo primero será crear nuestro array. Vamos a crear un array de números. Números del 1 al 10:

  1. var a=[1,2,3,4,5,6,7,8,9,10];

El filtro nos ayudará a filtrar aquellos elementos que sean mayores de 5. Las función del filtros en jQuery, y que luego utilizaremos con el método .grep(), siempre recibe dos parámetros.

  1. functionfiltro (elemento,indice) {...}
  • elemento, que será el elemento del array sobre el que estemos iterando.
  • indice, que será el índice del array que ocupa el elemento sujeto a análisis

Esta función devolverá true cuándo cumpla la condición que queramos aplicar y false cuándo no la cumpla.

Nuestra función de elementos mayores que 5 quedaría de la siguiente forma:

  1. function mayorQueCinco(elemento,indice){
  2. return (elemento <= 5);
  3. }

Ahora aplicamos esta función sobre el array con el método .grep(). Hay que tener en cuenta que la función .grep() nos devuelve otro array con los elementos que cumplan el filtro. Nosotros vamos a reutilizar la variable. 🙂

  1. var a=[1,2,3,4,5,6,7,8,9,10];
  2. a = jQuery.grep(a,mayorQueCinco);

Ya solo nos quedará volcar el contenido del nuevo array:

  1. $("#resultado").text(a.join(", "));

Vídeos sobre jQuery


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

4 comentarios en “Filtrar elementos de un array con jQuery”

Víctor Cuervo

Víctor Cuervo

@victor,

Gracias por el comentario. ¿Cómo hubieses resuelto esto con Prototype?

Víctor Cuervo

victor

buen post, gracias viendo jquery si usarlo!! tengo el prototype.

Los comentarios están cerrados.