1 : boucle for
La boucle for prédéfinira les variables qui contrôlent le nombre de boucles dans l'instruction for, de sorte que l'instruction de boucle for puisse effectuer des opérations de boucle en fonction du nombre connu de boucles, ce qui convient aux situations où le nombre de boucles les heures auxquelles le script doit être exécuté sont clairement connues.
Le format syntaxique de la boucle for est le suivant :
for (instruction d'initialisation ; condition de boucle ; mise à jour de variable --incrémentation ou décrémentation) {
bloc d'instructions ;
} L'instruction de boucle for peut être désassemblée en 4 parties : les trois expressions dans () et le "bloc d'instructions" dans {} .
Analyse des déclarations :
Instruction d'initialisation (expression 1) : Elle est principalement utilisée pour initialiser une valeur de variable, qui sert à définir un compteur, c'est-à-dire la valeur au début de la boucle ; cette instruction n'est exécutée que lors de la première boucle et ne le sera pas ; exécuté à nouveau dans le futur.
Condition de boucle (expression 2) : La condition de restriction d'exécution de la boucle, utilisée pour contrôler s'il faut exécuter le code dans le corps de la boucle si la condition est VRAIE, la boucle continue, si la condition est FAUX, la boucle se termine et la boucle se termine ; immédiatement.
Mise à jour de variable (Expression 3) : Une expression avec une opération d'incrémentation ou de décrémentation. Chaque fois que la boucle est exécutée, la valeur du compteur est immédiatement modifiée afin que la condition de boucle devienne progressivement "faux".
Bloc d'instructions : un certain nombre de codes qui doivent être exécutés lorsque la condition est jugée vraie.
La description ci-dessus est-elle un peu déroutante ? Jetons un coup d'œil à l'organigramme d'exécution de l'instruction for pour comprendre le processus d'exécution de la boucle for de manière plus intuitive :
Maintenant que nous comprenons le processus d’exécution de la boucle for, faisons l’opération proprement dite et posons une petite question pour voir si nous la maîtrisons !
Exemple : Calculez la somme de 1 à 100
<script type="text/javascript">
var somme = 0 ;
pour(var i=1; i<=100; i++){
somme+=i;
}
console.log('1 + 2 + 3 +...+ 99 + 100 = '+somme);
</script> 
Les trois expressions de
la boucle JS for peuvent être omises, mais le point-virgule utilisé pour séparer les trois expressions ne peut pas être omis, comme le montre l'exemple suivant :
// Omettre la première expression Formula var i = 0;
pour (; je < 5; je++) {
//Code à exécuter}
// Omettez la deuxième expression pour (var y = 0; ; y++) {
si(y>5){
casser;
}
//Code à exécuter}
// Omettre les première et troisième expressions var j = 0;
pour (; j < 5;) {
// Code à exécuter j++;
}
// Omettre toutes les expressions var z = 0;
pour (;;) {
si(z>5){
casser;
}
// Code à exécuter z++;
} Deux : imbrication de boucles for
Quel que soit le type de boucle, elle peut être imbriquée (c'est-à-dire qu'une ou plusieurs boucles sont définies dans une boucle).
Format de syntaxe :
for (instruction d'initialisation 1 ; condition de boucle ; mise à jour de la variable - auto-incrémentation ou auto-décrémentation) {
//Bloc d'instructions 1 ;
for (instruction d'initialisation 2 ; condition de boucle ; mise à jour de variable - auto-incrémentation ou auto-décrémentation) {
//Bloc d'instructions 2 ;
for (instruction d'initialisation 3 ; condition de boucle ; mise à jour de la variable - incrémentation ou décrémentation) {
//Bloc d'instructions 3 ;
.....
}
}
} Ici, nous définissons trois imbrications de boucles for. Bien entendu, nous pouvons imbriquer autant de boucles for que nous le souhaitons.
Cas : la boucle for implémente la table de multiplication.
Tout d’abord, jetons un œil à la table de multiplication.
Nous pouvons dessiner le modèle du graphique :
il y a 9 lignes et 9 colonnes au total, et il y a plusieurs expressions dans chaque ligne.
Sur la ième ligne, l'expression commence à i*1 et se termine à i*i. Il y a un total de i expressions (nous pouvons obtenir cet effet via une boucle).
Par conséquent, une double boucle est nécessaire pour contrôler la sortie. La boucle externe contrôle le nombre de lignes i (i est le minimum 1 et le maximum est 9), et la boucle interne contrôle la colonne j (j est le minimum 1 et le maximum est égal. à je).
Code d'implémentation :
for(var i = 1; i <= 9; i++){ //La boucle externe contrôle les lignes for(var j = 1; j <= i; j++) //La boucle interne contrôle les colonnes {
document.write(j+"*"+i+"="+j*i+" ");
}
document.write("</br>");
} Résultat de sortie :
Nous pouvons également mettre la table de multiplication 99 dans un tableau et la générer comme indiqué dans l'image de début :
document.write("<table>");
for (var i = 1; i <= 9; i++) { //Ligne de contrôle de boucle externe document.write("<tr>");
for (var j = 1; j <= i; j++) //Colonne de contrôle de boucle interne {
document.write("<td>" + j + "*" + i + "=" + j * i + "</td>");
}
//Saut de ligne, contrôle le nombre d'expressions affichées dans chaque ligne document.write("</tr>");
}
document.write("</table>"); Ajoutez ensuite le style CSS pour le modifier :
tableau {
largeur : 600 px ;
border-collapse : séparé ;
}
tableau td {
bordure : #000 1px solide ;
alignement du texte : centre ;
} Regardez le résultat :
[Apprentissage recommandé : tutoriel avancé JavaScript]
Ce qui précède est le contenu détaillé de l'apprentissage de la boucle JS : l'utilisation des instructions de boucle for (exemples détaillés). Pour en savoir plus, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !
