码迷,mamicode.com
首页 > 其他好文 > 详细

流程控制

时间:2018-05-28 22:48:58      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:mat   高考   技术   表示   成绩   pre   退出   esc   nbsp   

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

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(‘很遗憾‘)

}
技术分享图片

4.while循环

循环三步走:

1.初始化循环变量

2.判断循环条件

3.更新循环变量

技术分享图片
var i = 1; //初始化循环变量

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

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

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>‘)
                
            }
            
技术分享图片

 

流程控制

标签:mat   高考   技术   表示   成绩   pre   退出   esc   nbsp   

原文地址:https://www.cnblogs.com/askzyl/p/9102522.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!