前端工程师技能总结之ECMAScript篇(四)逻辑结构与循环

目录

条件逻辑结构

/*1.单分支选择结构

 /*2.双分支 二选一 如果...否则...*/

/*3.多分支，多选一*/

/*多个if*/

/*if嵌套*/

/*多选一

循环

//while

//do...while

//for 

 

---

---

条件逻辑结构

/*1.单分支选择结构

* if(条件，表达式 返回一个布尔值 true/false){

* 如果前面表达式成立，就是结果true 就执行花括号中的所有语句

* }*/

    var a=prompt("请输入一个数字");
     if(a>0){
         alert(a+"是大于0的")
     }
     alert("程序结束")
    

 /*2.双分支 二选一 如果...否则...*/

  var a=prompt("请输入一个数字");
      if(a>0){
         alert(a+"是大于0的")
     }else {
         alert(a+"小于等于0")
      }
     alert("程序结束")

 

/*3.多分支，多选一*/

 var grade=prompt("请输入您的成绩");

 if(grade>=60&&grade<=70){

 alert("D");

 }else if(grade>70&&grade<=80){

 alert("C");

 }else if(grade>80&&grade<=90){

 alert("B")

 }else if(grade>90&&grade<=100){

 alert("A")

 }else {

 alert("E")

 }

 alert("程序结束");

 

/*多个if*/

 var ans=prompt("请输入数字：1-表示同意 2.表示不同意");

 if(ans==1){

 alert("做我女朋友吧")

 }

 if(ans!=2){

 alert("还是做女朋友吧");

 }

 if(ans!=3){

 alert("只能做我女朋友");

 }

/*if嵌套*/

 var ans1=prompt("是不是女的？1.是 2. 不是");

 if(ans1==1){//女

 var ans2=prompt("白否？1.白 2. 一般");

 if(ans2==1){//女 白

 var ans3=prompt("富否？1.富 2.一般");

 if(ans3==1){//女 白 富

 var ans4=prompt("美否？1.美 2.一般");

 if(ans4==1){//女 白 富 美

 alert("我要我要~！")

 }else{//女 白 富 一般

 alert("土豪，我们做朋友吧！")

 }

 }else {//女 白 不富

 alert("请联系杨茜麟");

 }

 }else{//女 不白

 alert("请联系胡德强！")

 }

 }else{//男

 alert("请联系李攀！")

 }

 

/*多选一

*

* switch case

* switch(变量){

* case 值1:执行语句1；

* case 值2:执行语句2；

* ………………

* }*/

var day=prompt("请输入星期几");

switch (day){

case "1":alert("今天是星期一");break;

case "2":alert("今天是星期二");break;

case "3":alert("今天是星期三");break;

case "4":alert("今天是星期四");break;

case "5":alert("今天是星期五");break;

case "6":alert("今天是星期六");break;

case "7":alert("今天是星期日");break;

default:alert("世界末日");//默认执行语句 全部都不匹配才会执行

}

//2.
if(day=="1"){

alert("今天是星期一")

}else if(day=="2"){

alert("今天是星期二");

}else{//default

alert("世界末日")

}

循环

//while

//先验证后循环 while(条件){循环体-要执行的循环语句}

 var count=1;

 while (count<=3){

 document.write("赐我个美女吧！");

 count++;//4

 }

 console.log(count);//4

//do...while

/*先循环后验证

do{先执行一次}while(再去判断是否符合条件)*/

var count=5;

do{

document.write("赐我个美女吧！");

count++;

console.log(count);//6

}while (count<=3)

//for 

/*先验证后循环

for(表达式1；表达式2；表达式3){

循环体

}

表达式1：循环变量初始化

表达式2：判断条件 true or false

表达式3：循环变量的改变

**/ 

for(var i=0;i<=9;i++){

 document.write("我爱你！");

 //i++

 }

/*1.初始化var i=0

* 2.条件判断：i<=9

* 3.如果判断为true,执行循环体

* 4.循环变量改变：i++

* 5.条件判断：i<=9*/

案例一：把下拉框里面的数字的页面结构用循环描述在页面上，而不用静态的html描述

var a="";
for(var i=1;i<11;i++){
	a+=""+i+"";
}
document.write(""+a+"");

---

如有错误请不吝指正！