Il metodo jQuery $ .grep () è uno di quei metodi che non vengono utilizzati tutte le volte che dovrebbero. Questo è principalmente perché, finché non capisci esattamente cosa fa, può essere un po 'di confusione. Spero che questo suggerimento rapido video spiegherà quando e perché lo useresti.
Al suo centro, $ .grep è un semplice piccolo metodo che filtrerà attraverso una matrice e setacciare qualsiasi elemento che non passa un particolare controllo. Ad esempio, se disponiamo di un array di numeri 1-10 e vogliamo escludere qualsiasi valore inferiore a 5, possiamo fare:
var nums = '1,2,3,4,5,6,7,8,9,10'.split (', '); nums = $ .grep (nums, function (num, index) // num = il valore corrente per l'elemento nell'array // index = l'indice dell'elemento nell'array restituisce num> 5; // restituisce un valore booleano ); console.log (nums) // 6,7,8,9,10
Visualizza demo live su JSBin.
Oppure diciamo che hai una serie di numeri e stringhe e vuoi setacciare tutte le stringhe, lasciando solo una serie di numeri. Un modo in cui possiamo svolgere questo compito è con $ .grep.
var arr = '1,2,3,4, five, six, seven, 8,9, ten'.split (', '); arr = $ .grep (arr, function (item, index) // trova semplicemente se l'elemento corrente, quando viene passato a isNaN, // restituisce true o false. Se false, eliminalo! return! isNaN (item );); console.log (arr); // 1,2,3,4,8,9
Visualizza demo live su JSBin.
Per ulteriore formazione, assicurati di fare riferimento all'API jQuery.