Pour, While et Do While BOUCLE dans JavaScript (avec exemple)
James Hartmann
Comment utiliser Loop ?
Les boucles sont utiles lorsque vous devez exécuter les mêmes lignes de code à plusieurs reprises, un nombre de fois spécifique ou tant qu'une condition spécifique est vraie. Supposons que vous souhaitiez taper un message « Bonjour » 100 fois sur votre page Web. Bien entendu, vous devrez copier et coller la même ligne 100 fois. Au lieu de cela, si vous utilisez des boucles, vous pouvez effectuer cette tâche en seulement 3 ou 4 lignes.
Différents types de boucles
Il existe principalement quatre types de boucles dans Javascénario.
- pour la boucle
- for/in a loop (expliqué plus tard)
- boucle tout en
- faire… boucle while
pour la boucle
syntaxe:
for(statement1; statement2; statment3)
{
lines of code to be executed
}
- L'instruction1 est exécutée en premier avant même d'exécuter le code de boucle. Ainsi, cette instruction est normalement utilisée pour attribuer des valeurs aux variables qui seront utilisées dans la boucle.
- L'instruction2 est la condition pour exécuter la boucle.
- L'instruction3 est exécutée à chaque fois après l'exécution du code de boucle.
Essayez ceci vous-même :
<html>
<head>
<script type="text/javascript">
var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write("<b>Using for loops </b><br />");
for (i=0;i<students.length;i++)
{
document.write(students[i] + "<br />");
}
</script>
</head>
<body>
</body>
</html>
boucle tout en
syntaxe:
while(condition)
{
lines of code to be executed
}
La « boucle while » est exécutée tant que la condition spécifiée est vraie. À l’intérieur de la boucle while, vous devez inclure l’instruction qui mettra fin à la boucle à un moment donné. Sinon, votre boucle ne se terminera jamais et votre navigateur risque de planter.
Essayez ceci vous-même :
<html>
<head>
<script type="text/javascript">
document.write("<b>Using while loops </b><br />");
var i = 0, j = 1, k;
document.write("Fibonacci series less than 40<br />");
while(i<40)
{
document.write(i + "<br />");
k = i+j;
i = j;
j = k;
}
</script>
</head>
<body>
</body>
</html>
faire… boucle while
syntaxe:
do
{
block of code to be executed
} while (condition)
La boucle do… while est très similaire à la boucle while. La seule différence est que dans la boucle do… while, le bloc de code est exécuté une fois avant même de vérifier la condition.
Essayez ceci vous-même :
<html>
<head>
<script type="text/javascript">
document.write("<b>Using do...while loops </b><br />");
var i = 2;
document.write("Even numbers less than 20<br />");
do
{
document.write(i + "<br />");
i = i + 2;
}while(i<20)
</script>
</head>
<body>
</body>
</html>
