Maison > Article > interface Web > Introduction à la boucle for et à la boucle for/in dans l'apprentissage JavaScript

Introduction à la boucle for et à la boucle for/in dans l'apprentissage JavaScript

青灯夜游avant: 2018-10-16 17:06:461734parcourir

Cet article vous présentera la boucle for et la boucle for/in dans l'apprentissage JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Une boucle exécute un bloc de code un nombre de fois spécifié.

JavaScript prend en charge différents types de boucles :

for - boucle un bloc de code un certain nombre de fois
for/in - boucle à travers les propriétés de l'objet
while - boucle quand la condition spécifiée est vraie Bloc de code spécifié
do/while - Lorsque la condition spécifiée est vraie, boucle le bloc de code spécifié

pour la boucle

Syntaxe de la boucle for :

for(语句1;语句2;语句3){
　　　　被执行的代码块
　　}

Description :

Exécuter avant le début de l'instruction 1 (bloc de code)

Instruction 2 Définir les conditions d'exécution de la boucle (bloc de code)

Instruction 3 Exécuter après l'exécution de la boucle (bloc de code)

Par exemple :

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
a80eb7cbb6fff8b0ff70bae37074b813
b2386ffb911b14667cb8f0f91ea547a7Insert title here6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
8019067d09615e43c7904885b5246f0a
    for (var i = 0; i 30ec19e683c1fe835e9dea0c0830b1d0
73a6ac4ed44ffec12cee46588e518a5e

À partir de l'exemple ci-dessus, on peut voir que :

Définir la variable (var) avant le début de la boucle i = 0;)

Définit la condition sous laquelle s'exécute la boucle (i doit être inférieur à 5)

Incréments après chaque exécution du bloc de code Une valeur (i++)

Utiliser généralement l'instruction 1 pour initialiser les variables utilisées dans la boucle ==> (var i = 0;)

Vous n'avez pas besoin d'écrire l'instruction 1 et vous pouvez initialiser n'importe quel nombre de valeurs dans l'instruction 1.

Vous pouvez également omettre l'instruction 1, par exemple, la valeur initiale a été définie avant la boucle.

Par exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
	</head>
	<script type="text/javascript">
		var i = 0
		for(; i < 5; i++) {
			alert("我是for循环");
		}
	</script>

</html>

Mais le ==》 après l'instruction 1 ne peut pas être omis.

L'instruction 2 est utilisée pour évaluer la condition de la variable initiale. L'instruction 2 est également facultative. Si l'instruction renvoie vrai, la boucle recommence, si elle renvoie faux, la boucle se termine.

Si l'instruction 2 est omise, name doit fournir une pause dans la boucle, sinon la boucle ne peut pas être arrêtée et le navigateur peut planter.

L'instruction 3 augmente ou diminue généralement la valeur de la variable initiale. L'instruction 3 est également facultative et a de nombreuses utilisations. L'incrément peut être un nombre négatif (i--) ou supérieur (. i = i + 15)

L'instruction 3 peut également être omise (par exemple, lorsqu'il y a du code correspondant à l'intérieur de la boucle)

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
	93f0f5c25f18dab9d176bd4f6de5d30e
		a80eb7cbb6fff8b0ff70bae37074b813
		b2386ffb911b14667cb8f0f91ea547a7Insert title here6e916e0f7d1e588d4f442bf645aedb2f
	9c3bca370b5104690d9ef395f2c5f8d1
	8019067d09615e43c7904885b5246f0a
		var i = 0,
			len = cc.length;
		for(; i 0d5f929479e7eb9a0e12c1d901fca32f

73a6ac4ed44ffec12cee46588e518a5e

boucle for/in

L'instruction JavaScript for/in parcourt les propriétés de l'objet :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
	</head>

	<body></body>
	<script type="text/javascript">
		var person = {
			name: "haha",
			age: 16
		};
		for(x in person) {
			text = text + person[x];
		}
	</script>

</html>

JavaScript for/in peut non seulement parcourir les propriétés des objets, mais également parcourir les tableaux.

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript, le Tutoriel vidéo jQuery, le Tutoriel bootstrap !

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!

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment implémenter l'effet de sélection aléatoire en JavaScript ? (exemple de code)Article suivant：Comment implémenter l'effet de sélection aléatoire en JavaScript ? (exemple de code)

Articles Liés

Voir plus