javascript流程控制语句-循环

Posted 2020-10-07

一、JS中的流程控制语句（if语句）

格式：

if(条件1){

如果条件1成立，执行这里代码

}else{

如果条件不成立,则执行这里代码

}

格式:

 if(条件1){

如果条件1成立，执行这里代码

}else if(条件2){

如果条件2成立，执行这里代码

}else if(条件3){

如果条件3成立，执行这里代码

}..........

else{

如果条件1到条件n都不成立，执行这里代码

}

嵌套格式：

if(条件1){

                 if(条件){

如果条件成立,执行这里代码

}

}else{

如果条件1不成立，执行这里代码

}

/*  if语句
if(条件1为true){
    如果条件1成立，执行这里代码
}else{
    如果条件不成立,则执行这里代码
}
*/

var num1 = 10;
var num2 = 20;

if(num1<num2){  //  10 < 20

    alert("num1");

}else{

    alert("num2");
}



多个选择的写法
var str = "3";

if(str=="1"){

    alert("1");

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

    alert("2");

}else if(str=="3"){

    alert("3");        //这里这里

}else{

    alert("6");

}

//if语句嵌套
var num = 10;
var str = "20";

if( num == 10 ){


    if(str=="20"){

        alert("true我在这弹出");

    }

}else{

    alert("false我在这");

}

View Code

 

js中的系统输入框

prompt() //系统输入框

isNaN(): //检测是否为数字

如果isNaN(10)写的是数字返回结果为false

如果isNaN("哈哈")写的不是数字返回结果为true

//1》如果输入的是100提示：满分
//2》大于等于60提示:及格
//3》小于等于59提示：不及格


var str = prompt("判断您的成绩是否符合要求");

if(isNaN(str)){

    alert("必须输入数字");

}else if(str==100){

    alert("满分");

}else if(str>=60||str<=99>){

    alert("及格");
}else if(str<=59){

    alert("不及格");
}

View Code

JS中流程控制语句（switch语句）

格式：

switch(条件表达式){

case 常量1:

执行;

break;

case 常量2:

执行;

break;

case 常量3:

执行;

break;

......

default:

执行

}

/*
if(条件1){

    1满足执行
}else if(条件2){

    2满足执行
}else{
    如果都不满足,执行;
}
*/

var str = "2";

switch (str){

    case "1":
        alert("1");
        break;

    case "2":
        alert("2");    //我这里执行
        break;

    case "3":
        alert("3");
        break;

    default:
        alert("都不满足执行:default");
}

View Code

二、JS中的循环语句（for循环）

循环语句：在有限的条件内，反复不断的执行一些事情

 for循环格式：

 for(起始条件;终止条件;步长值){

循环体;

}

for(var i=1;i<=100;i++){

    document.write(i+"<br />");

}

 

 

JS中的for循环语句嵌套

格式：

for(起始条件; 终止条件;步长值){

               for(起始条件;终止条件;步长值){

循环体;

}

循环体;

}

嵌套语句
for(var i=0;i<=3;i++){ //0 1 2 3 


    for(var j=1;j<5;j++){  // 1 2 3 4

        document.write(j+"<br />");

    }

    //document.write(i+"<br />");

}



// 2》3  6  9  12  15  18....   3的余数i%2==0

/*for(var i=1;i<=100;i++){


    if(i%3==0){

        document.write(i+"<br />");
    }

    //document.write(i+"<br />");

}*/


//1》从1到100之间数字
//2》2   4   6   8   10  .........  2的余数i%2==0

for(var i=1;i<=100;i++){

    if(i%10==0){

        document.write(i+"<br />");
    }

}

乘法表小demo
//i=1   j=1  j<i+1即j<2 即循环一次1*1
//i=2   j=1  j<i+1即j<3 即循环二次1*2  2*2
//i=3   j=1  j<i+1即j<4 即循环三次1*3  2*3  3*3
//i=9   j=1  j<i+1即j<10 即循环九次1*9 .....9*9

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


    for(var j=1;j<i+1;j++){


        document.write(  j+"*"+i +"="+j*i+"&nbsp;&nbsp;&nbsp;"    );
    }


    document.write("<br />");

}

View Code

 

 

 ............补充