一、顺序结构 依次执行（从上到下的执行）

二、分支结构

1）单路分支

if(条件){
满足条件，即条件为true时，执行此处代码;
}

<script>
    var YanShi = '男';
       if(YanShi == '男'){
           alert('拜拜');
       }
</script>

演示图

2）双路分支：满足条件执行，不满足条件执行

if(条件){
满足条件，即条件为true时，执行此处代码;
}else{
不满足条件，即条件为false时，执行此处代码;
}

<script>
       var people = '女';
       if(people == '女'){
        console.log('拜拜');
       }else{
           console.log('哈哈');
       }
</script>

演示图

三目运算符：适合执行语句为一条的双路分支

条件?满足条件执行代码:不满足条件执行代码;<br />    条件?(满足条件执行代码1，满足条件执行代码2):(不满足条件执行的代码1,不满足条件执行的代码2);

<script>
      var people = '男';
      people == '男'?console.log('弟弟'):console.log('妹妹');
</script>

演示图

3）多路分支：同时拥有多个判断条件，且这些条件不重合

if(条件1){
满足条件1，即条件1为true时，执行此处代码;
}else if(条件2){
满足条件2，即条件2为true时，执行此处代码;
}else{
不满足上面所有条件，执行此处代码;
}

<input type="text" name="" id="Txt" placeholder="请输入你的分数">
<input type="button" value="查询" id="Btn">
<script>  
  Btn.onclick = function(){
    var Mark = Txt.value;
 if(Mark >=60 && Mark <=79){
    alert('加油');
}else if(Mark >=80 && Mark <=90){
    alert('及格了');
}else if(Mark >=91 && Mark <=99){
   alert('继续努力')
 }else if(Mark >=0 && Mark <=59){
   alert('打死你');
}else if(Mark ==100){
    alert('666');
 }else{
    alert('拜拜');
       }
   }
</script>

演示图

switch case：用于判断的条件是一个值时，使用该分支比较方便

switch(变量){
case 条件1 : 执行代码;
break;
case 条件2 : 执行代码;
break;
case 条件3 : 执行代码;
break;
default : 除上述情况外的条件执行代码;
}

<script>
        var weekDay = 5;

        switch(true){
            case weekDay == 1 : console.log("星期1");
            break;

            case weekDay == 2 : console.log("星期2");
            break;

            case weekDay == 3 : console.log("星期3");
            break;

            case weekDay == 4 : console.log("星期4");
            break;

            case weekDay == 5 : console.log("星期5");
            break;

            case weekDay == 6 : console.log("星期6");
            break;

            default:console.log("星期日");
        }
    </script>

演示图

三、循环结构

1）已知次数循环

语法：
for(var 初始次数 = 次数;初始次数 < 循环次数;初始次数++)
{
循环体;
}

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

演示图

2）未知次数循环

语法：
while(条件){
循环体;
}
备注：条件多数是一种状态.

<script>
        var e = prompt("饱没？","你猜");
     while(e != "饱"){
     document.write("吃");
     e = prompt("饱没？","你猜");
    }
</script>

演示图

3）至少循环一次的while循环

语法：
do{
代码;
}while(条件)

<script>
    var e = prompt("饱没？","你猜");
    do{
        document.write("吃");
        e = prompt("饱没？","你猜");
    }while(e != "饱")
</script>

演示图

4）循环的打断

（1）continue;
打断当前一次循环
（2）break;
打断当前和之后的所有循环