Die jQuery-Methode $ .grep () ist eine dieser Methoden, die nicht so oft verwendet wird, wie sie sein sollte. Dies liegt vor allem daran, dass es ein wenig verwirrend sein kann, wenn Sie nicht genau wissen, was es tut. Hoffentlich erklärt dieser Videotipp, wann und warum Sie ihn verwenden würden.
Im Grunde ist $ .grep eine einfache, kleine Methode, die ein Array filtert und alle Elemente aussortiert, die ein bestimmtes Steuerelement nicht bestehen. Wenn wir beispielsweise ein Array mit den Zahlen 1-10 haben und Werte unter 5 herausfiltern möchten, können wir Folgendes tun:
var nums = '1,2,3,4,5,6,7,8,9,10'.split (', '); nums = $ .grep (nums, function (num, index) // num = der aktuelle Wert für das Element im Array // Index = Der Index des Elements im Array gibt num> 5 zurück; // gibt einen booleschen Wert zurück ); console.log (nums) // 6,7,8,9,10
Live-Demo auf JSBin anzeigen.
Oder nehmen wir an, Sie haben ein Array von Zahlen und Strings und möchten alle Strings herausfiltern, wobei nur ein Array von Zahlen übrig bleibt. Eine Möglichkeit, diese Aufgabe zu lösen, ist $ .grep.
var arr = '1,2,3,4, fünf, sechs, sieben, 8,9, zehn' .split (','); arr = $ .grep (arr, function (item, index) // einfach finden, ob das aktuelle Element bei der Übergabe an isNaN // zurückgegeben wird, gibt true oder false zurück. Wenn false, wird es los! ;); console.log (arr); // 1,2,3,4,8,9
Live-Demo auf JSBin anzeigen.
Weitere Informationen finden Sie in der jQuery-API.