JS流程控制

第4章 流程控制

程序的三种基本结构

顺序结构： 从上到下，从左到右执行的顺序，就叫做顺序结构，程序默认就是由上到下顺序执行的

分支结构：根据不同的情况，执行对应代码

循环结构：重复做一件事情

4.1 分支结构

if语句

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

if --- else 语句

if (/* 条件表达式 */) { // 成立执行语句 } else {  // 否则执行语句 }     //举例: //获取两个数字中的最大值 var num1=100; var num2=20; if(num1>num2){    console.log(num1); }else{    console.log(num2); } ​ // 判断一个数是偶数还是奇数 var n = 10; if(n % 2 == 0){    console.log('偶数'); }else{    console.log('奇数'); } ​ //判断是否成年了 var age = parseInt(prompt("请您输入年龄")); if(age >= 18){    console.log('恭喜您,您成年了!!'); }else{    console.log('不好意思,您还未成年,快回家去写作业'); } ​

if --- else if 语句

if (/* 条件1 */){  // 成立执行语句 } else if (/* 条件2 */){  // 成立执行语句 } else if (/* 条件3 */){  // 成立执行语句 } else {  // 最后默认执行语句 }           //举例:    /*   * 例子:   * 获取考试的分数,如果成绩是在90(含)分以上的,则显示级别:A   * 如果成绩是大于等于80的则:B   * 如果成绩是大于等于70的则:C   * 如果成绩是大于等于60的则:D   * 如果成绩是小于60的则:E   *   * */ var score = parseInt(prompt("请输入您的成绩:(0-100之间)"));    if (!isNaN(score) && score <= 100) {        if (score >= 90) {            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");       }   } else {        console.log("您输入的成绩有误!");   } ​

案例 判断一个年份是闰年还是平年

判断一个年份是闰年还是平年 闰年：能被4整除，但不能被100整除的年份 或者 能被400整除的年份    var n = 2016;    if(n % 4 == 0){        if(n % 100 != 0){            console.log('闰年');       }else if(n % 400 == 0){            console.log('闰年');       }else{            console.log('平年');       }   }else{        console.log('平年');   }

三元运算符

表达式1 ? 表达式2 : 表达式3 如果表达式1成立,则执行表达式2,否则执行表达式3 三元运算符是对if……else语句的一种简化写法

案例：

// 是否年满18岁 var age = parseInt(prompt("请您输入年龄")); var s = age >= 18 ? '18岁了' : '未满18岁'; console.log(s); // 从两个数中找最大值 var a1 = 110; var a2 = 19; var s = a1 > a2 ? a1 : a2; console.log(s);

switch语句

语法格式:

  switch (表达式) {        case 常量1:              语句;            break;        case 常量2:            语句;            break;            …        case 常量n:            语句;            break;        default:            语句;            break;   } /* * 执行过程: * 获取表达式的值,和值1比较,相同则执行代码1,遇到break跳出整个语句,结束 * 如果和值1不匹配,则和值2比较,相同则执行代码2,遇到break跳出整个语句,结束 * 如果和值2不匹配,则和值3比较,相同则执行代码3,遇到break跳出整个语句,结束 * 如果和值3不匹配,则和值4比较,相同则执行代码4,遇到break跳出整个语句,结束 * 如果和之前的所有的值都不一样,则直接执行代码5,结束 */ break可以省略，如果省略，代码会继续执行下一个case switch 语句在比较值时使用的是全等操作符, 因此不会发生类型转换（例如，字符串'10' 不等于数值 10） ​

案例：

/* * * 判断这个人的成绩的级别: * 如果是A,则提示,分数在90分以上 * 如果是B,则提示,分数在80分以上 * 如果是C,则提示,分数在70分以上 * 如果是D,则提示,分数在60分以上 * 否则提示,不及格 * */ varjiBie = "B"; switch (jiBie){    case "A" :        console.log("分数在90分以上的");        break;    case "B" :        console.log("分数在80分以上的");        break;    case "C" :        console.log("分数在70分以上的");        break;    case "D" :        console.log("分数在60分以上的");        break;    default :        console.log("不及格"); }

4.2 循环结构

在javascript中，循环语句有三种，while、do..while、for循环。

4.2.1 while语句

基本语法：

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

案例1：计算1-100之间所有数的和

// 初始化变量 var i = 1; var sum = 0; while (i <= 100) {   // 判断条件  sum += i;  // 循环体  i++;  // 自增 } console.log(sum);

案例2：打印100以内7的倍数

var i = 1; while(i < 100){    if(i % 7 == 0){        console.log(i);   }    i++; }

案例3：打印100以内所有偶数

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

案例4：打印100以内所有偶数的和

var i = 1; var s = 0; while(i <= 100){    if(i % 2 == 0){        s = s + i;   }    i++; } console.log(s);

案例5：求账号和密码是否一致

 var userName = prompt("请您输入账号");  var userPass = prompt("请您输入密码");  while (userName != 'admin' || userPass != '123456') {     userName = prompt("请您输入账号");     userPass = prompt("请您输入密码");   }  alert("登录成功!");

4.2.2 do...while语句

do..while循环 和 while循环 非常像，二者经常可以相互替代，

但是do..while的特点是不管条件成不成立，都会先执行一次。

执行过程 : 先执行一次循环体 , 判断条件是否成立 , 不成立则跳出循环 , 成立则执行循环体 , 然后再判断条件是否成立......

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

案例：计算1-100的和

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

4.2.3 for语句

while和do...while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便

for循环语法：

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

执行顺序：1243 ---- 243 -----243(直到循环条件变成false)

初始化表达式

判断表达式

自增表达式

循环体

//打印1-100之间所有数 for(var i=1;i<=100;i++){    console.log(i); } ​ //求1-100之间所有数的和 var s = 0; for(var i = 0;i <= 100; i++){    s += i; } console.log(s); ​ //求1-100之间所有偶数的和 var s = 0; for(var i = 1;i <= 100; i++){    if(i % 2 == 0){        s += i;   } } console.log(s); ​ //打印正方形 var start = ''; for (var i = 0; i < 10; i++) {  for (var j = 0; j < 10; j++) {    start += '* '; }  start += '\n'; } console.log(start); ​ //打印直角三角形 var start = ''; for (var i = 0; i < 10; i++) {  for (var j = i; j < 10; j++) {    start += '* '; }  start += '\n'; } console.log(start); ​ //打印9*9乘法表 var str = ''; for (var i = 1; i <= 9; i++) {  for (var j = i; j <=9; j++) {    str += i + ' * ' + j + ' = ' + i * j + '\t'; }  str += '\n'; } console.log(str); 表格版本的乘法口诀表 document.write(" <caption > 乘法口诀表 < /caption>"); document.write(" <table border = '1' cellpadding = '5' cellspacing = '0' > ");        for (var i = 1; i <=9; i++) {        document.write("<tr>");        for (var j = 1; j <= i; j++) {        document.write("<td>");        document.write(i +"*" + j + "=" + i * j);        document.write("</td>");       }        document.write("</tr>");   }    document.write(" ");    document.write("</table>");

4.2.4 continue和break

break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）

continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）

案例1：求1-100之间不能被7整除的整数的和（用continue）

var s = 0; for(var i = 0; i < 100; i++){    if(i % 7 == 0){        continue;   }    s += i; } console.log(s);

案例2：求200-300之间所有的奇数的和（用continue）

var s = 0; for(var i = 200; i <= 300; i++){    if(i % 2 == 0){        continue;   }else{        s+=i;   } } console.log(s);

案例3：求200-300之间第一个能被7整数的数（break）

for(var i=200;i<=300;i++){    if(i % 7 == 0){        console.log(i);        break;   } }