[JavaScript知识库]JavaScript基础Day02：流程控制

1. 顺序结构

2. 分支结构

（1）if语句

if (/* 条件表达式 */) {
  // 执行语句
}

if (/* 条件表达式 */){
  // 成立执行语句
} else {
  // 否则执行语句
}

if (/* 条件1 */){
  // 成立执行语句
} else if (/* 条件2 */){
  // 成立执行语句
} else if (/* 条件3 */){
  // 成立执行语句
} else {
  // 最后默认执行语句
}

• if

• if-else

• if-else if-else if…

  • 三元运算符

  表达式1 ? 表达式2 : 表达式3
  是对if……else语句的一种简化写法
  

• demo01：输出两数中的较大值

var num1 = 10;
var num2 = 20;
if (num1 > num2) {
    console.log(num1);
} else {
    console.log(num2);
}			//使用三元运算符表达就是  num1>num2 ? num1:num2

• demo02：成绩等级

• [90,100] —— A

• [80,90) —— B

• [70,80) —— C

• [60,70) —— D

• [0,60) —— E

var score=prompt("请输入你的分数：");
if(score>=90&&score<=100){
    console.log("A等级");
}else if(score>=80){
    console.log("B等级");
}else if(score>=70){
    console.log("C等级");
}else if(score>=60){
    console.log("D等级");
}else {
    console.log("E等级");
}   //输入90，结果为A等级

（2）switch语句

switch (expression) {
  case 常量1:
    语句;
    break;
  case 常量2:
    语句;
    break;
  case 常量3:
    语句;
    break;
  …
  case 常量n:
    语句;
    break;
  default:
    语句;
    break;
}

• 如果case中的break省略则会继续执行下一个case

• switch 语句在比较值时使用的是全等操作符, 因此不会发生类型转换（例如，字符串’10’ 不等于数值 10）

• default和其中的break都可省略

• demo03：根据数字输出对应星期

  var num = parseInt(prompt("请输入"));
  switch (num) {
      case 1:
          console.log("星期一");
          break;
      case 2:
          console.log("星期二");
          break;
      case 3:
          console.log("星期三");
          break;
      case 4:
          console.log("星期四");
          break;
      case 5:
          console.log("星期五");
          break;
      case 6:
          console.log("星期六");
          break;
      case 7:
          console.log("星期日");
          break;
      default:
          console.log("输入有误！");
  }
  

• demo04：控制语句中的布尔类型隐式转换

  var message;
  // 会自动把message转换成false
  if (message) {
      console.log("执行了");
  }
  console.log("未执行");    //未执行
  

  非空字符串 非0数字 true 任何对象————转换为true
  空字符串 0 false null undefined ————转换成false

3. 循环结构

（1）while语句

// 当循环条件为true时，执行循环体，
// 当循环条件为false时，结束循环。
while (循环条件) {
  //循环体
}

• demo05：计算1-100之间所有数的和

  var sum=0;
  var i=1;
  while (i<=100){
      sum +=i;
      i++;
  }
  console.log(sum);  //5050
  

（2）do-while语句

do {
  // 循环体;
} while (循环条件);

• demo06：1-100之间的累加和

  var i = 1;
  var sum = 0;
  do {
    sum += i;	//循环体
    i++;		//自增
  } while (i <= 100);//循环条件
  

while语句和do-while语句的区别：while语句先判断条件，再决定执行循环体；而do-while语句是直接执行循环体，然后再判断条件。

（3）for循环

// for循环的表达式之间用的是;号分隔
for (初始化表达式1; 判断表达式2; 自增表达式4) {
  // 循环体3         //执行顺序 初始化表达式1 - 判断表达式2 - 循环体3 - 自增表达式4
}

• demo07：五行五列星星

for (var i=0; i<5; i++) {
    for (var j=0; j<5; j++){
        document.write("☆");
    }
    document.write("<br/>")
}

• demo08：九九乘法表

for (var i=1;i<=9;i++) {
    for (var j=1;j<=i;j++) {
        document.write(j+"*"+i+"="+i*j+" ");
    }
    document.write("<br/>");
}

• demo08：九九乘法表

for (var i=1;i<=9;i++) {
    for (var j=1;j<=i;j++) {
        document.write(j+"*"+i+"="+i*j+" ");
    }
    document.write("<br/>");
}