02-JS的if/switch/for

1、流程控制:就是代码的执行顺序
        三种方式:(1)顺序结构:从上到下、从左到右
                         (2)分支结构:if语句,if-else语句,if-else if-else if...,switch-case语句,三元表达式语句
                         (3)循环结构:while,  do-while,  for,  for-in
 
2、分支语句:if
     (1) if语句:用于判断
        语法:if(表达式){
                    代码
                }
 
     (2) if-else语句:两种可能只执行其中一个
        语法:if(表达式){
                        代码
                    }else{
                        代码
                    }
 
     (3)三元表达式:
        语法:var 变量=表达式1? 表达式2:表达式3;
        执行过程:表达式1的结果是true还是false,如果是true则执行表达式2,然后把结果给变量
                         如果表达式1的结果是false,则执行表达式3,把结果给变量
                    var x=10; var y= 20;  var result = x >y ? x: y;
 
     (4) if-else  if..else  语句:多种可能只执行其中一个
        语法:if(表达式1){
                        代码1/
                    }else if(代码2){
                        代码2
                    }else if(代码3){
                        代码3
                    }else{
                        代码4
                    }
 
 
--->练习闰年
var year = 2020;
if(year % 4 == 0 && year % 100 != 0 || year % 400 == 0){
    console.log("闰年");
}else{
    console.log("平年");
}
 
 
     (5) switch-case语句:两种可能只执行其中一个
        语法:switch(表达式/变量/值){     //括号里的表达式和case值来比较,case只能是值
                        case值1: 代码1;break;
                        case值2: 代码2;break;
                        case值3: 代码3;break;
                        ...
                        default:代码5;
                    }
        注意:对比是===模式,值得类型必须相同
 
 
3、循环语句:for
     (1)while语句:
        语法:var 变量 = 0;
                while(循环条件){    //循环条件成立,就执行,循环继续,循环条件不成立就跳出循环体
                        循环体;
                        计数器++;
                    }
 
     (2)do-while语句:
        语法:
                do{ 
                        循环体;
                        计数器++;
                    }while(条件);
 
        //先执行循环体,再判断条件是否成立
 
     (3)for语句:
        语法:
                for(int i = 0;i <100; i++){ 
                        循环体;
                        计数器++;
                    }
 
 
for画星星案例:
document.write("画星星");
第一行一个,第二行两个,类推:
for(var i = 0;i <=5; i++{
    for(var j = 0;j <= 5;j++{
        document.write(" ★");
    }
    document.write("<br/>");
}
 
for乘法口诀案例:
for(var i =1;i <=9 ;i++{
    for(var j=1; j <=i ; j++{
        document.write(j + "*" + i + "=" + i*j);
    }
    document.write("<br/>");
}
 
 
4、调试:
f12--sources--点击左边文件,出现代码--可点击行数,断点调试---右侧watch可搜索看到某个变量的值--f5刷新看代码
 
 
 
 
 
 
 
 
原文地址:https://www.cnblogs.com/chencaiyun/p/13256154.html