Instruction de boucle du didacticiel de base Javascript

Instruction de boucle

pour la boucle

pour (Déclaration 1 ; Déclaration 2 ; Déclaration 3)

Déclaration d'exécution

}

L'instruction 1 (bloc de code) s'exécute avant de démarrer L'instruction 2 définit les conditions d'exécution de la boucle (bloc de code) L'instruction 3 s'exécute après l'exécution de la boucle (bloc de code)

Écrivons un exemple ci-dessous :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    for  循环</title>
</head>
<script type="text/javascript">
	sum= 0;
	for(var i=1;i<=10;i++){
		sum = sum + i;
	}
	document.write(sum);
</script>
<body>

</body>
</html>

Le code ci-dessus calcule la somme de 1 à 10

Nous écrivons un exemple : Regardez le changement de valeur de i

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    for  循环</title>
</head>
<script type="text/javascript">
	for(var i=1;i<=10;i++){
		document.write("第"+i+"天<br>");	
	}
</script>
<body>

</body>
</html>

Cela augmentera la valeur de ｉ de 1 à 10. Les amis, vous pouvez essayer

boucle while

while(condition){

Bloc de code d'exécution

}

Exemple :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    while  循环</title>
</head>
<script type="text/javascript">
	var i=1;
	while(i<10){
		document.write("php 中文网<br>");
		i++;
	}
</script>
<body>

</body>
</html>

Remarque : les amis doivent faire attention au corps de la boucle Le i++ est utilisé pour changer la condition. S'il n'y a pas de i++ pour changer la condition, alors i=1; satisfera toujours la condition i<10, donc la boucle continuera à s'exécuter

Nous appelons c'est une boucle infinie

Utilisons la boucle while pour écrire un autre exemple : calculons la somme de 1-10

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    while  循环</title>
</head>
<script type="text/javascript">
	var i = 1;
	var sum = 0;
	while(i<=10){
		sum = sum + i;
		i++;
	}
	document.write(sum);
</script>
<body>

</body>
</html>

Le code ci-dessus, donc la sortie est aussi la somme de 1 à 10

Remarque : while La boucle consiste à juger d'abord la condition si la condition est remplie, continuez l'exécution. Si la condition n'est pas remplie, sortez de la boucle

. Comme le montre la figure ci-dessus : la valeur initiale de i est 1. Cela satisfait à la condition, donc la boucle sera exécutée. Contenu du corps Si les conditions ne sont pas remplies, elle sortira du corps de la boucle

<. 🎜> Par exemple, si i=11 ; lorsque l'instruction suivante est exécutée, i++ ne sera pas exécutée ; alors continuez l'exécution et affichez la somme du résultat

do....while Loop

do{

Déclaration d'exécution;

}while(condition);

Jetons un coup d'œil à un exemple de code :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    do....while  循环</title>
</head>
<script type="text/javascript">
	var i = 11;
	do{
		document.write(i+'次');
		i++;
	}while(i<10);
</script>
<body>

</body>
</html>

Comme indiqué dans le code ci-dessus, analysons-le. La valeur de i est d'abord 11, entrons dans le corps de la boucle, et sortons 11 fois, puis exécutons i++. , pour que la valeur de i à ce moment soit 12, puis jugez que la condition n'est pas remplie, sortez de la boucle

Remarque :

do while Peu importe si la condition est remplie ou ; non, il sera exécuté au moins une fois

Ensuite on utilise do while pour faire une somme de 1 à 10. Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>循环语句    do....while  循环</title>
</head>
<script type="text/javascript">
	var sum = 0;
	var i = 1;

	do{
		sum = sum + i ;
		i++;
	}while(i<=10)

	document.write(sum);
</script>
<body>

</body>
</html>

continue et break

l'instruction break est utilisée pour sortir de la boucle.

continue est utilisé pour sauter une itération dans une boucle. Nous avons déjà utilisé l'instruction

break dans switch. Ensuite, nous expliquerons le code ci-dessus de

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>break</title>
</head>
<script type="text/javascript">
	for(var i=1;i<=10;i++){
		if(i==5){
			//break;
			continue;
		}
		document.write(i+"<br>");
	}
</script>
<body>

</body>
</html>

dans l'exemple. Vous pouvez commenter continue et écrire break pour voir la sortie de. deux. Différence

break Quand i est exactement égal à 5, il sortira directement de la boucle, donc il ne sortira que 4 fois

continuer Quand i est égal à 5, il sortira de la boucle. et continuez l'exécution. Regardez le résultat de sortie, uniquement celui qui est égal à 5. La valeur secondaire n'est pas sortie

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环语句 for 循环</title> </head> <script type="text/javascript"> sum= 0; for(var i=1;i<=10;i++){ sum = sum + i; } document.write(sum); </script> <body> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Instruction de boucle du didacticiel de base Javascript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]