De jQuery-methode $ .grep () is een van die methoden die niet zo vaak wordt gebruikt als zou moeten. Dit komt vooral omdat, totdat je precies begrijpt wat het doet, het een beetje verwarrend kan zijn. Hopelijk zal deze snelle video tip uitleggen wanneer en waarom je het zou gebruiken.
In de kern is $ .grep een eenvoudige kleine methode die door een array filtert en alle items filtert die een bepaald besturingselement niet passeren. Als we bijvoorbeeld een array van de getallen 1-10 hebben en waarden van minder dan 5 willen filteren, kunnen we het volgende doen:
var nums = '1,2,3,4,5,6,7,8,9,10'.split (', '); nums = $. grep (nums, function (num, index) // num = de huidige waarde voor het artikel in de array // index = de index van het item in de array retourneert num> 5; // geeft een boolean terug ); console.log (nums) // 6,7,8,9,10
Bekijk live demo op JSBin.
Of laten we zeggen dat je een reeks getallen en strings hebt en dat je alle reeksen wilt uitfilteren en alleen een reeks getallen overhoudt. Een manier waarop we deze taak kunnen uitvoeren, is met $ .grep.
var arr = '1,2,3,4, five, six, seven, 8,9, ten'.split (', '); arr = $ .grep (arr, function (item, index) // zoek eenvoudigweg of het huidige item, als het wordt doorgegeven aan de isNaN, // true of false retourneert. Als false, verwijder het dan! return! isNaN (item );); console.log (arr); // 1,2,3,4,8,9
Bekijk live demo op JSBin.
Raadpleeg voor verdere training de jQuery API.