Sfat rapid înțelegeți în întregime $ .grep ()

Metoda jQuery $ .grep () este una dintre acele metode care nu este utilizată la fel de des cum ar trebui să fie. Acest lucru se datorează în cea mai mare parte faptului că, până când înțelegeți exact ceea ce face, poate fi puțin confuz. Sperăm că acest sfat rapid vă va explica când și de ce îl veți folosi.

La baza ei, $ .grep este o metodă simplă mică care va filtra printr-o matrice și va șterge orice elemente care nu trec printr-un anumit control. De exemplu, dacă avem o matrice cu numerele 1-10 și doriți să filtrați orice valoare care este sub 5, putem face:

 var nums = '1,2,3,4,5,6,7,8,9,10'.split (', '); nums = $ .grep (numere, functie (num, index) // num = valoarea curentă pentru elementul din array // index = indexul elementului returnat în matrice num> 5; ); console.log (nums) // 6,7,8,9,10

Vedeți demo live pe JSBin.

Sau să spunem că aveți o serie de numere și șiruri de caractere și doriți să ștergeți toate șirurile, lăsând doar o serie de numere. O modalitate prin care putem realiza această sarcină este cu $ .grep.

 var arr = '1,2,3,4, cinci, șase, șapte, 8,9, zece' split (','); arr = $ .grep (arr, functie (element, index) / pur si simplu gasiti daca elementul curent, atunci cand este transmis catre isNaN, // returneaza true sau false. );); console.log (arr); // 1,2,3,4,8,9

Vedeți demo live pe JSBin.

Pentru instruire ulterioară, asigurați-vă că vă referiți la API-ul jQuery.

  • Urmați-ne pe Twitter sau abonați la Nettuts + RSS Feed pentru cele mai bune tutoriale de dezvoltare web de pe web.
Cod