流程控制

javascript的流程控制和python的一样if  else

console.log()  是显示在控制台中的 就是我们F12之后在后台调试的，而document.write()是写在界面中的

1.if 、if-else、if-else if-else

var ji  = 20;
if(ji >= 20){
    console.log('恭喜你，吃鸡成功，大吉大利')
}
alert('alex');//下面的代码还会执行

var ji  = 20;
if(ji>=20){
    console.log('恭喜你，吃鸡成功，大吉大利')
}else{
    console.log('很遗憾 下次继续努力')

}

if (true) {
   //执行操作
}else if(true){
    //满足条件执行            
}else if(true){
   //满足条件执行        
}else{
  //满足条件执行
}

注意：浏览器解析代码的顺序 是从上往下执行，从左往右

2.逻辑与&&、逻辑或||

//1.模拟  如果总分 >400 并且数学成绩 >89分 被清华大学录入
//逻辑与&& 两个条件都成立的时候 才成立
if(sum>400 && math>90){
    console.log('清华大学录入成功')
}else{
    alert('高考失利')
}

//2.模拟 如果总分>400 或者你英语大于85 被复旦大学录入
//逻辑或  只有有一个条件成立的时候 才成立
if(sum>500 || english>85){
    alert('被复旦大学录入')
}else{
    alert('高考又失利了')
}

3.switch

var gameScore = 'better';

switch(gameScore){

//case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break，那么直到该程序遇到下一个break停止
    case 'good':
    console.log('玩的很好')
    //break表示退出
    break;
    case  'better':
    console.log('玩的老牛逼了')
    break;
    case 'best':
    console.log('恭喜你 吃鸡成功')
    break;

    default:
    console.log('很遗憾')

}

 

switch也是用来判定的  需要先定义一个变量 然后case来判定这个变量的值是否对，然后console.log()进行输出，凡是必须碰到break才会结束 如果没有碰到break就会一直输出直到碰见下一个break才会结束

//case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break，那么直到该程序遇到下一个break停止

 

4.while循环

循环三步走：

1.初始化循环变量

2.判断循环条件

3.更新循环变量

var i = 1; //初始化循环变量

while(i<=9){ //判断循环条件
    console.log(i);
    i = i+1; //更新循环条件
}

练习：将1-100所有是2的倍数在控制台中打印。使用while循环

<script>
    let Alert = 1;
    while (Alert < 101){
      if(Alert%2==0){
          console.log(Alert);
      }
        Alert++
    }
    
</script>

 

5.do_while

 

//不管有没有满足while中的条件do里面的代码都会走一次
var i = 3;//初始化循环变量
do{

    console.log(i)
    i++;//更新循环条件

}while (i<10) //判断循环条件

 

6.for循环

for(var i = 1;i<=10;i++){
     console.log(i)
 }

课堂练习：

for(var i = 1;i<=100;i++){
    if(i%2==0){
        //是偶数
        console.log(i)
    }
}

1-100之间所有数之和

var sum = 0;
for(var j = 1;j<=100;j++){
    sum = sum+j
}
console.log(sum)

双重fo循环

for(var i=1;i<=3;i++){
            
 　　for(var j=0;j<6;j++){
        document.write('*')
    }
            
   document.write('<br>')
 }

小作业：

1.在浏览器中输出直角三角形

　　　　　　　　　 *  
                ** 
                ***
                ****
                *****
                ******

代码：

for(var i=1;i<=6;i++){
   for(var j=1;j<=i;j++){
      　　document.write("*")；
   }
                
     document.write('<br>')；
}

2.在浏览器中输出

          *  
         ***  
        ***** 
       ******* 
      ********* 
     *********** 

代码：

          for(var i=1;i<=6;i++){ //行数
                
                //控制我们的空格数
                for(var s=i;s<6;s++){
                    document.write('&nbsp;')
                }
            

                for(var j=1;j<=2*i-1;j++){
                    document.write('*')
                }
                document.write('<br>')
                
            }