Snabbtips Fullständigt förstå $ .grep ()

JQuery-metoden $ .grep () är en av de metoder som inte används så ofta som det borde vara. Detta beror främst på att, tills du förstår exakt vad det gör, kan det vara lite förvirrande. Förhoppningsvis kommer den här videotipsen att förklara när och varför du skulle använda den.

I själva verket är $ .grep en enkel liten metod som filtrerar genom en matris och siftar ut alla objekt som inte passerar en viss kontroll. Om vi ​​till exempel har en rad av tal 1-10, och vill filtrera bort några värden som är under 5, kan vi göra:

 var nums = '1,2,3,4,5,6,7,8,9,10'split (', '); nums = $ .grep (num, funktion (num, index) // num = det nuvarande värdet för objektet i matrisen // index = indexet för objektet i matrisnumret> 5; // returnerar en boolean ); console.log (nums) // 6,7,8,9,10

Visa live demo på JSBin.

Eller låt oss säga att du har en rad tal och strängar, och du vill sift ut alla strängar och lämnar bara en rad siffror. Ett sätt att vi kan uppnå denna uppgift är med $ .grep.

 var ar = '1,2,3,4, fem, sex, sju, 8,9, ti'split (', '); ar = $ .grep (arr, funktion (item, index) // enkelt hitta om det aktuella objektet, när det skickas till isNaN, // returnerar sant eller falskt. Om falskt, bli av med det! );); console.log (arr); // 1,2,3,4,8,9

Visa live demo på JSBin.

För vidare utbildning, var god se till jQuery API.

  • Följ oss på Twitter, eller prenumerera på Nettuts + RSS-flödet för de bästa webbutvecklingsstudierna på webben.