Consejo rápido Entendiendo completamente $ .grep ()

El método jQuery $ .grep () es uno de esos métodos que no se usa con la frecuencia que debería. Esto se debe principalmente a que, hasta que entiendas exactamente lo que hace, puede ser un poco confuso. Con suerte, este consejo rápido en video explicará cuándo y por qué lo usarías..

Básicamente, $ .grep es un pequeño método simple que se filtrará a través de una matriz y seleccionará cualquier elemento que no pase un control en particular. Por ejemplo, si tenemos una matriz de los números del 1 al 10, y queremos filtrar los valores que están por debajo de 5, podemos hacerlo:

 var nums = '1,2,3,4,5,6,7,8,9,10'.split (', '); nums = $ .grep (nums, function (num, index) // num = el valor actual para el elemento en el array // índice = el índice del elemento en el array return num> 5; // devuelve un valor booleano ); console.log (números) // 6,7,8,9,10

Ver demostración en vivo en JSBin.

O digamos que tienes una serie de números y cadenas, y quieres tamizar todas las cadenas, dejando solo una serie de números. Una forma en que podemos lograr esta tarea es con $ .grep.

 var arr = '1,2,3,4, cinco, seis, siete, 8,9, ten'.split (', '); arr = $ .grep (arr, function (item, index) // simplemente busque si el item actual, cuando se pasa a la isNaN, // devuelve verdadero o falso. Si es falso, deshágase de él! return! isNaN (item );); console.log (arr); // 1,2,3,4,8,9

Ver demostración en vivo en JSBin.

Para más capacitación, asegúrese de consultar la API de jQuery.

  • Síganos en Twitter o suscríbase a Nettuts + RSS Feed para obtener los mejores tutoriales de desarrollo web en la web..