Maison > interface Web > js tutoriel > le corps du texte

Comment quitter une boucle en javascript

青灯夜游
Libérer: 2023-01-07 11:44:27
original
13623 Les gens l'ont consulté

Comment quitter une boucle en JavaScript : 1. Utilisez l'instruction break pour quitter la boucle entière. Le code suivant l'instruction break et les boucles suivantes ne seront pas exécutés. 2. Utilisez l'instruction continue pour quitter la boucle en cours et entrer immédiatement dans la boucle suivante. 3. Utilisez l'instruction return.

Comment quitter une boucle en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Il existe trois façons de quitter la boucle en JavaScript :

  • Utilisez l'instruction break pour quitter la boucle

  • Utilisez l'instruction continue pour quitter la boucle

  • Utilisez l'instruction return pour quitter la boucle

Méthode 1 : Utilisez l'instruction break

L'instruction break amènera le programme en cours à quitter immédiatement la boucle la plus interne ou à quitter une instruction switch.

Puisqu'elle est utilisée pour quitter une instruction loop ou switch, cette forme d'instruction break n'est légale que lorsqu'elle apparaît dans ces instructions.

Si la condition de terminaison d'une boucle est très complexe, il est beaucoup plus facile d'utiliser l'instruction break pour implémenter certaines conditions que d'exprimer toutes les conditions avec une expression de boucle.

for(var i=1;i<=10;i++) { 
    if(i==8) { 
        break; 
    } 
    document.write(i); 
}
Copier après la connexion

Quand i=8, quittez directement la boucle for. Cette boucle ne sera plus exécutée !

Résultat de sortie :

1234567
Copier après la connexion

Méthode 2 : Utilisez l'instruction continue

L'instruction continue est similaire à l'instruction break. La différence est qu’au lieu de quitter une boucle, il démarre une nouvelle itération de la boucle.

L'instruction continue ne peut être utilisée que dans le corps de la boucle d'une instruction while, d'une instruction do/while, d'une instruction for ou d'une instruction for/in. Son utilisation ailleurs provoquera une erreur !

for(var i=1;i<=10;i++) { 
    if(i==8) { 
        continue; 
    } 
    document.write(i); 
}
Copier après la connexion

Quand i = 8, sortez directement de cette boucle for. Continuez à exécuter la prochaine fois.

Résultat de sortie :

1234567910
Copier après la connexion

Méthode 3 : Utilisez l'instruction return

L'instruction return est utilisée pour spécifier la valeur renvoyée par la fonction. L'instruction return ne peut apparaître que dans le corps de la fonction, apparaître ailleurs dans le code entraînera une erreur de syntaxe !

for(var i=1;i<=10;i++) { 
    if(i==8) { 
        return; 
    } 
    document.write(i); 
}
Copier après la connexion

Résultat de sortie :

Uncaught SyntaxError: Illegal return statement(…)
Copier après la connexion

signifie une instruction de retour de requête capturée illégalement.

Lorsqu'une instruction return est exécutée, l'exécution de la fonction s'arrêtera même s'il y a d'autres instructions dans le corps de la fonction !

<script>
if (username==""){
   alert("请输入用户名");
   return false;
}
if(qq==""){
   alert("请输入QQ");
   return false;
}
</script>
Copier après la connexion

Dans l'exemple ci-dessus, lorsque le nom d'utilisateur est vide, il ne sera pas exécuté davantage. Dans certaines soumissions de formulaire, vous pouvez également empêcher la méthode de soumission par défaut en renvoyant false et utiliser la méthode de soumission Ajax à la place, par exemple :

<form id="form" onSubmit="return false">...</form>
Copier après la connexion

【Apprentissage recommandé : Tutoriel avancé javascript

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal