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

Comment terminer une boucle en JavaScript

醉折花枝作酒筹
Libérer: 2021-07-16 09:49:40
original
10408 Les gens l'ont consulté

Méthode : 1. Utilisez l'instruction break pour quitter la boucle, quittez immédiatement la boucle la plus interne ou quittez une instruction switch. 2. Utilisez l'instruction continue pour quitter une boucle, non pas pour quitter une boucle, mais pour démarrer une nouvelle itération de la boucle. 3. Utilisez l'instruction return pour quitter la boucle, qui ne peut apparaître que dans le corps de la fonction.

Comment terminer une boucle en JavaScript

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

instruction break

L'instruction break entraînera la sortie immédiate du programme en cours de la boucle la plus interne ou la sortie d'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

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

instruction de retour

L'instruction de retour 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

Uncaught SyntaxError: Illegal return Statement(…)
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!