Comment terminer la boucle actuelle dans jquery

jQuery est la bibliothèque JavaScript la plus couramment utilisée. Elle simplifie de nombreuses opérations fastidieuses dans le développement JavaScript et fournit une API riche, permettant aux développeurs d'utiliser plus facilement le DOM, les propriétés, le traitement des événements et les effets d'animation.

Il existe deux structures de boucles couramment utilisées dans jQuery, l'une est $.each() et l'autre est $.map(). Pendant le processus de bouclage de ces deux structures de boucle, il est parfois nécessaire de terminer la boucle plus tôt, c'est-à-dire de sortir de la boucle en cours, afin d'exécuter le code plus efficacement. Alors, comment mettre fin à la boucle actuelle, cet article présentera comment implémenter cette fonction.

1. Fin de la boucle $.each()

$.each() est une méthode pour parcourir les objets jQuery. C'est une méthode générale et ne peut accéder directement à aucun objet. . Si Si vous souhaitez accéder à un objet, vous devez y accéder via le contexte.

Dans la boucle $.each(), vous pouvez utiliser l'instruction return false; Cette instruction termine la boucle et ignore le reste du code. Par exemple, le code suivant :

$.each([1, 2, 3, 4], function (index, value) {
  console.log(value);
  if (value === 3) {
    return false;
  }
});

Le résultat de sortie est :

1
2
3

Lorsque l'instruction return false; dans $.each() est exécutée, la boucle est terminée et le code suivant sera ignoré, donc le numéro 4 n'est pas affiché.

2. Fin de la boucle $.map()

$.map() est une méthode de conversion qui extrait et renvoie de chaque élément en exécutant la valeur de fonction spécifiée et renvoie un nouveau tableau. La boucle $.map() peut également utiliser l'instruction return pour terminer la boucle.

Lorsque l'instruction return est utilisée dans une boucle $.map(), elle ne termine pas la boucle comme le fait $.each(). Il terminera uniquement la boucle en cours et continuera à exécuter le code suivant jusqu'à la fin de la boucle. Par exemple, le code suivant :

$.map([1, 2, 3, 4], function (value, index) {
  console.log(value);
  if (value === 3) {
    return;
  }
});

Le résultat de sortie est :

1
2
3
4

Lorsque l'instruction return dans $.map() est exécutée, elle ignorera le numéro 3 et continuer. C'est la différence.

3. Résumé

Dans le développement JavaScript, l'optimisation des structures de boucles a toujours été un sujet très important. Lorsqu’une certaine condition est exécutée, il est parfois nécessaire de terminer la boucle plus tôt pour améliorer l’efficacité du code. Dans jQuery, la fin anticipée de la boucle peut être obtenue grâce à l'instruction return des méthodes $.each() et $.map().

Lorsque vous utilisez la méthode $.each(), il vous suffit d'utiliser l'instruction return false; Lorsque vous utilisez la méthode $.map(), vous pouvez utiliser l'instruction return pour ignorer la boucle en cours et continuer à exécuter le code suivant jusqu'à la fin de la boucle.

Cependant, l'utilisation fréquente d'instructions de saut réduira la lisibilité du code et rendra le code complexe et difficile à comprendre. Par conséquent, dans le développement réel, nous devons utiliser ces instructions avec prudence afin de mieux maintenir le code.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!