Maison > Article > interface Web > Exemples de mots clés de trois boucles js (for et while)_Connaissances de base

Exemples de mots clés de trois boucles js (for et while)_Connaissances de base

WBOYoriginal: 2016-05-16 15:15:211788parcourir

Trois façons d'écrire des boucles :

<!doctype html>
<title>js循环 by 脚本之家</title>
<meta charset="utf-8"/>
<meta name="keywords" content="js循环 by 脚本之家" />
<meta name="description" content="js循环 by 脚本之家" />
</head>
<body>
//while循环
 <script type="text/javascript">
i = 1;
while (i <= 6)
{
document.write("<h" + i+">脚本之家，这是标题"+i);
document.write("</h"+i+">");
i++;
}
</script>
//do_whilel循环
<script type="text/javascript">
i = 1;
do
{
document.write("<h" + i+">jb51.net ,这是标题"+i);
document.write("</h"+i+">");
i++;
}
while(i<=6);
</script>
//for循环 
 <script type="text/javascript">
for(i=1;i<=6;i++)
{
 document.write("<h"+i+">脚本之家,这是标题"+i);
 document.write("</h"+i+">");
}
</script>
</body>
</html>

Différents types de boucles

JavaScript prend en charge différents types de boucles :
•for - parcourt un bloc de code un certain nombre de fois
•for/in - Parcourez les propriétés d'un objet
• while - Parcourez le bloc de code spécifié lorsque la condition spécifiée est vraie
•do/while - parcourt également le bloc de code spécifié lorsque la condition spécifiée est vraie

Pour la boucle

La boucle for est un outil que vous utiliserez souvent lorsque vous souhaitez créer une boucle.

Voici la syntaxe de la boucle for :

pour (déclaration 1 ; déclaration 2 ; déclaration 3)
{
Le bloc de code exécuté
>

L'instruction 1 est exécutée avant le début de la boucle (bloc de code)
L'instruction 2 définit la condition d'exécution de la boucle (bloc de code)
L'instruction 3 est exécutée après l'exécution de la boucle (bloc de code)

Exemple

Copier le code Le code est le suivant :

pour (var i=0; iee8dabf25e0348b6de5aa61d727677bd";

>

Essayez-le par vous-même

À partir de l'exemple ci-dessus, vous pouvez voir :

L'instruction 1 définit la variable (var i=0) avant le début de la boucle.
L'instruction 2 définit les conditions d'exécution de la boucle (i doit être inférieur à 5).
L'instruction 3 incrémente une valeur (i++) à chaque fois que le bloc de code est exécuté.

Déclaration 1

Habituellement, nous utilisons l'instruction 1 pour initialiser les variables utilisées dans la boucle (var i=0).

L'instruction 1 est facultative, ce qui signifie que vous pouvez le faire sans utiliser l'instruction 1.

Vous pouvez initialiser n'importe quelle (ou plusieurs) valeurs dans l'instruction 1 :

Exemple :

Copier le code Le code est le suivant :

pour (var i=0,len=cars.length; i5ae406fe503acdef82424415afa93a1a");

>

Vous pouvez également omettre l'instruction 1 (par exemple, lorsque la valeur a été définie avant le début de la boucle) :

Exemple :

Copier le code Le code est le suivant :

var i=2,len=cars.length;

pour (; je5ae406fe503acdef82424415afa93a1a");

>

Déclaration 2

Habituellement, l'instruction 2 est utilisée pour évaluer la condition de la variable initiale.

La déclaration 2 est également facultative.
Si l'instruction 2 renvoie vrai, la boucle recommence, si elle renvoie faux, la boucle se termine.
Astuce : Si vous omettez l'instruction 2, vous devez prévoir une pause à l'intérieur de la boucle. Sinon, le cycle ne peut pas être arrêté. Cela peut faire planter le navigateur. Veuillez lire la pause plus loin dans ce didacticiel.

Déclaration 3

Normalement, l'instruction 3 augmentera la valeur de la variable initiale.

La déclaration 3 est également facultative.
L’énoncé 3 peut être utilisé de plusieurs manières. L'incrément peut être 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 dans la boucle) :

Exemple :

Copier le code Le code est le suivant :

var i=0,len=cars.length;

pour (; je06f815f3e5332e6b440ef1c4416fd792");

je++;

>

Boucle For/In

L'instruction JavaScript for/in parcourt les propriétés d'un objet :

Exemple

Copier le code Le code est le suivant :

var personne={fname:"John",lname:"Doe",age:25};

pour (x en personne)

{

txt=txt + personne[x];

>

Vous en apprendrez plus sur les boucles for/in dans le chapitre sur les objets JavaScript.

Pour plus de détails, veuillez vous référer à cet article : http://www.jb51.net/w3school/js/js_loop_for.htm

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée du répertoire de projet du package Node.js et de l'utilisation du package NPM manager_node.jsArticle suivant：Explication détaillée du répertoire de projet du package Node.js et de l'utilisation du package NPM manager_node.js

Articles Liés

Voir plus