Petit conseil Bien comprendre $ .grep ()

La méthode jQuery $ .grep () est l'une de ces méthodes qui n'est pas utilisée aussi souvent qu'elle devrait l'être. Ceci est principalement dû au fait que, tant que vous ne comprenez pas exactement ce que cela fait, cela peut être un peu déroutant. Espérons que cette astuce vidéo expliquera quand et pourquoi vous l'utiliseriez..

$ .Grep est fondamentalement une petite méthode simple qui filtrera dans un tableau et filtrera tous les éléments qui ne passent pas un contrôle particulier. Par exemple, si nous avons un tableau des nombres 1 à 10 et que nous souhaitons filtrer les valeurs inférieures à 5, nous pouvons le faire:

 var nums = '1,2,3,4,5,6,7,8,9,10'.split (', '); nums = $ .grep (nums, fonction (num, index) // num = la valeur actuelle de l'élément dans le tableau // index = l'index de l'élément dans le tableau retournera num> 5; // renvoie un booléen ); console.log (nums) // 6,7,8,9,10

Voir la démo en direct sur JSBin.

Ou bien, supposons que vous ayez un tableau de nombres et de chaînes et que vous souhaitiez trier toutes les chaînes en ne laissant qu'un tableau de nombres. Une façon de réaliser cette tâche consiste à utiliser $ .grep.

 var arr = '1,2,3,4, cinq, six, sept, 8,9, dix'.split (', '); arr = $ .grep (arr, fonction (élément, index) // trouve simplement si l'élément actuel, lorsqu'il est passé à isNaN, // renvoie true ou false. Si la valeur est false, élimine-la! return );); console.log (arr); // 1,2,3,4,8,9

Voir la démo en direct sur JSBin.

Pour une formation complémentaire, veillez à vous référer à l'API jQuery..

  • Suivez-nous sur Twitter ou abonnez-vous au fil RSS Nettuts + pour obtenir les meilleurs tutoriels de développement Web sur le Web..