Quelles sont les instructions pour le contrôle de flux javascript ?

Les instructions de contrôle de flux incluent : 1. instruction if ; 2. instruction "if...else" ; 3. instruction "if..else if.." 4. instruction "Switch..case" ; pour l'instruction ; 6. l'instruction while ; 7. l'instruction "do... while" ; 8. "for..in", etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

1. Faire un jugement (instruction if)

L'instruction if est une instruction utilisée pour exécuter le code correspondant en fonction de la condition remplie.

Grammar :

if(条件)
{
 条件成立时执行代码
}

Remarque : si elles sont minuscules, les lettres majuscules (IF) iront mal !

Supposons que vous postuliez pour un poste de développement de technologies Web front-end Si vous connaissez la technologie HTML et que vous réussissez l'entretien, vous êtes invités à rejoindre l'entreprise. Le code est exprimé comme suit :

<script type="text/javascript">
  var mycarrer = "HTML";
  if (mycarrer == "HTML")
  {
    document.write("你面试成功，欢迎加入公司。");
  }
</script>

2. Choisissez l'une des deux (instruction if...else)

l'instruction if...else est le code qui s'exécute lorsque la condition spécifiée est vraie, et exécute le code après sinon, lorsque la condition n'est pas vraie.

Grammar :

if(条件)
{ 条件成立时执行的代码}
else
{条件不成立时执行的代码}

Supposons que vous postuliez pour un poste de développement de technologies Web front-end. Si vous connaissez la technologie HTML et que vous réussissez l'entretien, vous êtes invités à rejoindre l'entreprise. Sinon, vous échouez. entretien et ne peut pas rejoindre l'entreprise.

Le code est exprimé comme suit :

<script type="text/javascript">
  var mycarrer = "HTML"; //mycarrer变量存储技能
  if (mycarrer == "HTML")
    { document.write("你面试成功，欢迎加入公司。");  }
  else  //否则，技能不是HTML
    { document.write("你面试不成功，不能加入公司。");}
</script>

3. Jugements multiples (if..else if..instructions imbriquées)

Pour sélectionner un groupe de plusieurs groupes d'instructions à exécuter, utilisez if..else if. Déclarations imbriquées.

Grammar :

if(条件1)
{ 条件1成立时执行的代码}
else  if(条件2)
{ 条件2成立时执行的代码}
...
else  if(条件n)
{ 条件n成立时执行的代码}
else
{ 条件1、2至n不成立时执行的代码}

4. Choix multiples (instruction Switch..case)

Lorsqu'il existe de nombreuses options, switch est plus pratique à utiliser que s'il en était autrement.

Syntaxe :

switch(表达式){case值1:
  执行代码块 1  break;case值2:
  执行代码块 2  break;...case值n:
  执行代码块 n  break;default:
  与 case值1 、 case值2...case值n 不同时执行的代码
}

Description de la syntaxe :

Le commutateur doit se voir attribuer une valeur initiale et la valeur correspond à chaque valeur de cas.
Satisfaites de toutes les instructions après avoir exécuté ce cas et utilisez l'instruction break pour empêcher l'exécution du cas suivant.
Si toutes les valeurs de cas ne correspondent pas, exécutez l'instruction après la valeur par défaut.

En supposant que les résultats des tests des étudiants sont évalués sur une échelle de 10 points, nous notons les scores en fonction de chaque note et effectuons différentes évaluations en fonction de la note des scores.

Remarque : N'oubliez pas d'ajouter une instruction break après l'instruction exécutée par le cas. Sinon, continuez simplement à exécuter l'instruction dans le cas ci-dessous, regardez le code suivant :

5. Répéter (boucle for)

Beaucoup de choses ne sont pas faites une seule fois, mais à plusieurs reprises. Par exemple, imprimez 10 copies du papier test, une à la fois, et répétez cette action jusqu'à ce que l'impression soit terminée. Nous utilisons des instructions de boucle pour accomplir ces tâches. Les instructions de boucle consistent à exécuter à plusieurs reprises un morceau de code.

pourStructure des phrases :

for(初始化变量;循环条件;循环迭代)
{     
    循环语句 
 }

S'il y a 6 balles dans une boîte, nous en prenons une à la fois et retirons les balles à plusieurs reprises de la boîte jusqu'à ce que toutes les balles soient prises.

<script type="text/javascript">
var num=1;
for (num=1;num<=6;num++)  //初始化值；循环条件；循环后条件值更新
{   document.write("取出第"+num+"个球<br />");
}
</script>

6. À plusieurs reprises (boucle while)

La boucle while a la même fonction que la boucle for exécute à plusieurs reprises un morceau de code jusqu'à ce qu'une certaine condition ne soit plus remplie.

whileStructure de l'instruction :

while(判断条件){
    循环语句
 }

Utilisez une boucle while pour terminer l'action de prendre des balles de la boîte, une à la fois, soit un total de 6 balles.

<script type="text/javascript">
var num=0;  //初始化值
while (num<=6)   //条件判断
{
  document.write("取出第"+num+"个球<br />");
  num=num+1;  //条件值更新
}
</script>

7. Aller-retour (boucle Do...while)

Le principe de base de la structure do while est fondamentalement le même que la structure while, mais il garantit que le corps de la boucle est exécuté au moins une fois. Parce qu'il exécute d'abord le code, puis juge la condition si la condition est vraie, la boucle continue.

do... whileStructure de l'instruction :

do{
    循环语句
 }while(判断条件)

Nous essayons de générer 5 nombres.

<script type="text/javascript">
   num= 1;
   do
   {
     document.write("数值为:" +  num+"<br />");
     num++; //更新条件
   }
   while (num<=5)
</script>

Instruction 8.for...in : boucle à travers les propriétés de l'objet

La boucle for in est un type spécial de boucle et une variante de la boucle for ordinaire. Elle est principalement utilisée pour parcourir l'objet. pour ajouter des objets aux attributs de sont bouclés à tour de rôle, et le format de syntaxe est le suivant :

for (variable in object) {
    // 要执行的代码
}

Parmi eux, la variable est une variable. Cette variable se verra attribuer une valeur différente à chaque fois qu'elle sera bouclée. cette variable dans { } pour effectuer une série d'opérations object Pour l'objet à parcourir, dans chaque boucle, la clé d'un attribut dans l'objet object est attribuée à la variable jusqu'à ce que tous les attributs de l'objet soient parcourus.

JS for in 循环示例代码：

// 定义一个对象
var person = {"name": "Clark", "surname": "Kent", "age": "36"};
// 遍历对象中的所有属性
for(var prop in person) {
    document.write("<p>" + prop + " = " + person[prop] + "</p>");
}

运行结果：

name = Clark
surname = Kent
age = 36

9.for...of语句： 循环遍历对象的属性

for of 循环是 ECMAScript6 中新添加的一个循环方式，与 for in 循环类似，也是普通 for 循环的一种变体。使用 for of 循环可以轻松的遍历数组或者其它可遍历的对象，例如字符串、对象等。

JS for of 循环的语法格式如下：

for (variable of iterable) {
    // 要执行的代码
}

其中，variable 为一个变量，每次循环时这个变量都会被赋予不同的值，我们可以在后面的{ }中使用这个变量来进行一系列操作；iterable 为要遍历的内容，在每次循环中，会将 iterable 中的一个值赋值给变量 variable，直到 iterable 中的所有值都遍历完。

示例代码如下：

// 定义一个数组
var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
// 使用 for of 循环遍历数组中的每个元素
for (var value of arr) {
    document.write(value + ", ");
}
document.write("<br>");
// 定义一个字符串
var str = "Hello World!";
// 使用 for of 循环遍历字符串中的每个字符
for (var value of str) {
    document.write(value + ", ");
}
document.write("<br>");
// 定义一个对象
var obj = {"name": "Clark", "surname": "Kent", "age": "36"};
// 使用 for of 循环遍历对象中的所有属性
for(var value in obj) {
    document.write(value + ", ");
}

运行结果：

a, b, c, d, e, f,
H, e, l, l, o, , W, o, r, l, d, !,
name, surname, age,

10.退出循环break

在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。

格式如下：

for(初始条件;判断条件;循环后条件值更新)
{  if(特殊情况)
  {break;}
  循环代码
}

当遇到特殊情况的时候，循环就会立即结束。看看下面的例子，输出10个数，如果数值为5，就停止输出。

11.跳过本次循环continue

continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

语句结构：

for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  { continue; }
 循环代码
}

上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的循环则不会受到影响。

【推荐学习：javascript高级教程】

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!