【九月打卡】第16天 前端工程师2022版 JS流程控制语句

课程名称：前端工程师2022版
课程章节： JS流程控制语句
课程讲师： 慕课网
课程目标：掌握流程控制语句的基本用法
课程内容：
1.条件语句
2.循环语句
3. 算法基础

---

1. 条件语句

if 语句的最基本语法如下：

// 方式1
if (条件) {
  // 条件满足做的事情;
}

// 方式2
if (条件) 条件满足时候做的事情;

例子：

var score = 88;

if (score < 60) {
  console.log('不及格');
} else if (score < 80) {
  console.log('良好');
} else if (score < 90) {
  console.log('优秀！');
} else {
  // 剩下的肯定是大于等于九十的情况
  console.log('太强了！');
}

// 输出："优秀！"

2.循环语句

2.1 for循环

for循环的基本语法是：for(语句1；语句2；语句3）{ //代码块} ；
执行顺序是：先执行语句1，然后执行语句2。语句2是循环的条件，条件成立才会进入循环，执行花括号里面的代码块。当代码块执行完毕，则执行语句3。语句3执行完毕，开始进入下一次循环。但是注意下一次循环就不会执行语句1了，即语句1只在开始循环前执行一次。

var num = 17;

var flag = false;

var len;
var i;

for (i = 2, len = 17 -1; i <= len; i++) {
  if (num % i === 0) {
    flag = true;
    break; // break可以中断循环
  }
}

if (flag) {
  console.log(num + '不是质数');
} else {
  console.log(num + '是质数');
}

// 输出："17是质数"

2.2 switch

switch 是另一种控制流程的方式，根据条件执行不同的代码块。
能用 switch 实现的都可以用 if 实现。

  switch (表达式) {
    case 表达式结果为值1的时候:
      做的事情;
      break;
    case 表达式结果为值2的时候:
      做的事情;
      break;
    case ...:
      做的事情;
      break;
    case 表达式结果为值n的时候:
      做的事情;
      break;
    default:
      上面一个情况都没中的时候做的事情;
  }

2.3 while 循环

while 语句也是一种循环语句，也称 while 循环。
while 循环接收一个表达式，当这个表达式结果非 false 的时候，就会执行 while 循环的代码块。

var num = 0
while (num <= 100) {
  if (num % 2 === 0) {
    console.log(num);
  }

  num++;
}

while 的语法相对简单，其使用的频率没有for循环高，可以使用 for 循环完成的都可以使用 while 循环完成，反之亦然。

---

课程截图