Introduction à la boucle for et à la boucle for/in dans l'apprentissage JavaScript-js tutoriel-php.cn

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

青灯夜游

Libérer： 2018-10-16 17:07:48

avant

1772 Les gens l'ont consulté

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){
　　　　被执行的代码块
　　}

Copier après la connexion

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 :

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

Copier après la connexion

À 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>

Copier après la connexion

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)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
	</head>
	<script type="text/javascript">
		var i = 0,
			len = cc.length;
		for(; i < len;) {
			alert("我是for循环");
			i++;
		}
	</script>

</html>

Copier après la connexion

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>

Copier après la connexion

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!