javascript基础（控制流程(if,switch)）（十一）

来源：互联网发布：ubuntu caffe 编辑：程序博客网时间：2024/05/22 13:15

有代码编写基础的，自学时请略过

1.if语句：

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript">/* 流程控制语句 - JS中程序的执行顺序是按照自上到下一行一行执行的 - 我们可以通过流程控制语句，来改变程序执行的顺序， 或者让某一段程序反复执行多次 - 流程控制语句的分类： 1.条件判断语句 2.条件分支语法 3.循环语句  * *//* 条件判断语句 - 条件判断语句也叫 if语句 - 语法一： if(条件表达式) { 语句... }   - 执行流程： if语句在执行时，会先对条件表达式进行求值判断， 如果判断结果为true，则执行if后的语句 如果判断结果为false，则不执行 - if语句只对紧随其后的那个语句其后的语句起作用, 如果希望if语句可以控制多条语句，则可以将语句放到一个代码块中, 一般情况为了方便阅读，即使if后仅有一条语句，我们也要加{} - 如果if后的条件表达式的结果不是布尔值，则将其转换为布尔值然后在判断  *  * */var a = 20;var b = 10;/*if(a > 15 && b < 20){alert("a比15大，b比20小");}*//*if(a > 15 || b < 20){alert("a比15大，b比20小");}*/if(""){alert("你看我出来吗？");}</script></head><body></body></html>

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript">/* if语句，语法2: if...else...语句：  if(条件表达式){ 语句... }else{ 语句... }  执行流程： if...else...语句执行时，会先对if后的条件表达式进行求值判断， 如果判断结果为true，则执行if后的语句 如果判断结果为false，则执行else后的语句  语法3： if...else if...else...语句  if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else if(条件表达式){ 语句... }else{ 语句... }  执行流程： if...else if...else语句执行时,会从上到下依次对条件表达式进行求值判断， 如果遇到判断结果为true的，则执行当前if后的语句，语句执行，直接结束不再判断 如果判断结果为false时，则继续向下判断，直到找到为true的条件表达式为止 如果所有的条件表达式都为false，则执行最后的else  if...else if...else语句中只会有一个代码块会执行，一旦条件判断成立， 则立即执行其后的代码块，执行完成后立即退出，不再判断其他条件  * *///创建一个变量var age = 69;//如果年龄大于等于60，则输出你已经退休了/*if(age >= 60){alert("你已经退休了~~~~");}else{alert("你还没退休~~~");}*/age = 65;/*if(age >= 80){alert("岁数不小了~~~");}else if(age >= 60){alert("你已经退休了~~~");}else if(age >= 30){alert("你已经中年了~~~");}else if(age >= 18){alert("你已经成年了~~~");}else{alert("你个小屁孩~~");}*//*if(age >= 30){alert("哈哈哈");}*/age = 150;if(age >= 18 && age < 30){alert("你已经成年了");}else if(age >= 30 && age < 100){alert("你已经中年了");}else if(age >= 100){alert("你也老大不小了");}else{alert("你个小屁孩~~");}</script></head><body></body></html>

练习：

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>if练习3</title><script type="text/javascript">/* * 编写程序，由键盘输入三个数分别存入变量num1、num2、num3， * 对他们进行排序，并且从小到大输出。 *  *//* * prompt()会将用户输入的内容作为返回值返回， * 注意：它返回的值的类型永远都是String */var num1 = +prompt("请输入第一个数:");var num2 = +prompt("请输入第二个数:");var num3 = +prompt("请输入第三个数:");//alert(num1 +" , "+num2+" , "+num3);//10 > 2 //false//alert(num1 > num2);//将num1 转换为number/* num1 = +num1; * alert(typeof num1); *///比较三个数字的大小，并排序//找出三个数中最大的那个变量if(num1 > num2 && num1 > num3){//进入判断，则证明num1最大//比较num2和num3的关系if(num2 > num3){//num3 num2 num1alert(num3 + " , "+ num2 +" , "+ num1);}else{//num2 num3 num1alert(num2 + " , "+ num3 +" , "+ num1);}}else if(num2 > num1 && num2 > num3){//进入判断则证明num2最大//比较num1和num3的关系if(num1 > num3){//num3 num1 num2alert(num3 + " , "+ num1 +" , "+ num2);}else{//num1 num3 num2alert(num1 + " , "+ num3 +" , "+ num2);}}else{//进入判断则证明num3最大//比较num2和num1的关系if(num1 > num2){//num2 num1 num3alert(num2 + " , "+ num1 +" , "+ num3);}else{//num1 num2 num3alert(num1 + " , "+ num2 +" , "+ num3);}}</script></head><body></body></html>

2.条件分支语句(switch语句):

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript">/* 条件分支语句(switch语句) - 语法 switch(条件表达式){ case 表达式: 语句... break; case 表达式: 语句... break; case 表达式: 语句... break; default: 语句... break; } - 执行流程： switch...case...语句在执行时， 会将switch后的条件表达式自上向下一次和case后的表达式进行全等比较， 如果全等则会执行当前case后的所有语句，可以在case的最后添加一个break关键字，来避免其他的case执行 如果不全等，则继续向下比较，直到找到全等的case为止， 如果所有的case都不符合要求，则执行default后的语句  - switch...case...语句的功能和if...else...功能类似， switch能干的if也能干，if能干的switch也可以，他们是可以互相替换的， 实际开发中习惯用哪个就用哪个，一般情况使用if比较多   *///创建一个变量numvar num = 1;/* * 根据num的值，输出对应的中文数字 * 1    壹 * 2    贰 * 3    叁 *//*if(num == 1){console.log("壹");}else if(num == 2){console.log("贰");}else if(num == 3){console.log("叁");}*/num = "abc";switch(num){case 1 :console.log("壹");//break可以用来退出switch语句//当break语句执行时，switch语句立即结束break;case 2 :console.log("贰");break;case 3 :console.log("叁");break;case 4 :console.log("肆");break;default :console.log("非法字符");break;}</script></head><body></body></html>

0 0