js结构类型

结构类型

下面主要介绍两种结构类型，条件结构和循环结构。

1 条件结构

if -

示例：

var age = 20;
if (age >= 16) {
  // 条件成立执行大括号的内容
  alert("恭喜，您可以报名学习驾照");
}

if-else

var age = 10;
if (age >= 16) {
  // 条件成立执行大括号的内容
  alert("恭喜，您可以报名学习驾照");
} else {
  // 条件不成立时候执行下面代码
  alert("年龄不符合要求");
}

多分支 if-else if

// 90以上A 80~89 B 60~80 C <60 D 输入一个成绩 打印他的等级
var score = parseFloat(prompt("请输入你的分数"));
if (score >= 90) {
  console.log("A");
} else if (score >= 80) {
  console.log("B");
} else if (score >= 60) {
  console.log("C");
} else {
  console.log("D");
}

if 嵌套 if 结构含有其他 if 结构

// 初级前端工程师 工作年限1以内 10K  2 15k  3 18K  中级 4-5 25K    高级 5年以上 30K
// 根据用户的级别和年限 给出对应的工资
var grade = prompt("请输入您的级别");
var age = parseInt(prompt("请输入您的工作年限"));
if (grade === "初级") {
  // 对工龄进行判断
  if (age === 1) {
    alert("10000");
  } else if (age === 2) {
    alert("15000");
  } else {
    alert("18000");
  }
} else if (grade === "中级") {
  if (age >= 4 && age <= 5) {
    alert("25000");
  }
} else if (grade === "高级") {
  if (age >= 5) {
    alert("30000");
  }
}

switch

首先计算括号里面的表达式或变量，去找有没有对应的 case
若找到对应的 case 则从该 case 冒号（“:”）后面执行，直到遇到 break，或者遇到 switch 的右大括号全部结束
假如找不到对应的 case 则直线 default 后面的语句

示例：

var day = parseInt(prompt("请输入一个数字"));
switch (day) {
  case 0:
    alert("星期日");
    break;
  case 1:
    alert("星期一");
    break;
  case 2:
    alert("星期二");
    break;
  case 3:
    alert("星期三");
    break;
  case 4:
    alert("星期四");
    break;
  case 5:
    alert("星期五");
    break;
  case 6:
    alert("星期六");
    break;
  default:
    alert("输入的信息有误");
    break;
}

2 循环结构

while 循环

结构：

while (条件) {
    // 循环体  重复的逻辑  条件成立执行
}

示例：

var i = 1;
while (i <= 3) {
  console.log("我爱编程！");
  i++;
}

do-while 循环

结构：

do {
  //循环体    先执行后判断
} while (条件);

示例：

do {
  console.log("我爱编程！");
  i++;
} while (i <= 10);
console.log(i); // 11

for 循环

结构：

for (表达式1; 表达式2; 表达式3) {
  // 循环体
}

示例：

for (var i = 1; i <= 10; i++) {
  console.log("我爱编程！");
}

/*
  死循环
 for(;;) { }
 */

break & continue

break 用于循环表示结束循环

示例：

// 打印1 2 3 直到遇到第一个即可以被3整除又可以被5整除的数为止
for (var i = 1; ; i++) {
  console.log(i);
  // 判断i是否满足即可以被3整除又可以被5整除
  if (i % 3 === 0 && i % 5 === 0) {
    break;
  }
}

continue 表示本次循环结束 继续下一次

示例：

// 打印1 2 3 直到遇到第一个即可以被3整除又可以被5整除的数为止
for (var i = 1; ; i++) {
  console.log(i);
  // 判断i是否满足即可以被3整除又可以被5整除
  if (i % 3 === 0 && i % 5 === 0) {
    continue;
    //continue 执行之后，后面的代码将不再执行
  }
  console.log("ok");
}