js、++、--、switch、for、if

最新推荐文章于 2022-11-24 14:17:18 发布

Casablanca_jhBi

最新推荐文章于 2022-11-24 14:17:18 发布

阅读量268

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/weixin_37243717/article/details/78695085

版权

js 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

一、关于++、–的demo

var num = 10;
alert(  num++ );  //10 加加在后，第一步会先alert(num)，第二步 num = num + 1;  第二步后num == 11
alert(  --num );  //10 减减在前，第一步会先num = num - 1，第二步 alert(num);
alert(  ++num );  //11 加加在前，第一步会num = num + 1，第二步alert(num);
alert(  num--  ); //11 减减在后，第一步会先alert(num)，第二步num = num - 1;
alert(num);       //最后Num的值就是10
---------------------------
var an = 5;
alert( an-=5 );   //0   an = an - 5;  an==0;
alert( an+=5 );   //5   an = an + 5;  an==5;
alert( an*=5 );   //25  an = an * 5;  an== 25
alert( an/=5 );   //5   an = an /5;  an==5;
alert( an%=5 );   //0   an = an % 5;  an==0;
alert(an);        //最后an的值为0

二、if语句

var str = "胖胖";
if(str == "小花"){
    alert("是小花");
}else if(str == "小明"){
    alert("是小明");
}else{
    alert("是胖胖");
}

/*
    //var a = 10;
    //var b = "10";
    //alert( a > b );//false
    //alert( a < b );//false
    //alert( a == b );//true 不比较数据类型
    //alert( a >= b );//true
    //alert( a === b );//false 比较数据类型
    //alert( a !== b );//true
    //注:
        var a = "10.000";
        var b = 10;
        alert( a == b );//true 小数点后面多少个0,都会化成整数比较,除非后面不是0
 */

    var a = 10;
    var b = "20";
    //满足条件,执行对应的执行语句
    /*if(a > b){
        alert(a);
    };*/

    //满足条件和不满足条件都执行对应的执行语句
    /**/

    //多重判断,满足条件执行对应的执行语句,只有不满足才进行下一个判断
    /*var x = 10;
    if( x > 50 ){
        alert(x + "大于20");
    }else if(x > 25){
        alert(x + "大于25");
    }else if( x > 30){
        alert(x + "大于30");
    }else{
        alert("不满足");
    };*/

    /*if(a > b){
        alert(a);
    }else{
        alert(b);
    };*/

    //三元运算 (三目运算)
    a > b?alert(a):alert(b);

三、for循环

for(var i = 0; i < 3; i++){
alert(i);
}
第一步：var i = 0; 定义一个变量i并且给它一个初始值为0
第二步：i < 3; 设置执行的条件，如果i的值小于3，就满足，就往下面执行，不然就不执行；
第三步：alert(i); 执行大括号里的代码，大括号里的代码执行完后，就执行第四步
第四步：执行i++； i = i + 1;
第五步：接着从第二步重来，直接条件不满足

for(var i = 0; i < 3; i++){
                alert(i);
}

console.log(“胖胖”); //在控制打印，可以直观的察看打印结果

四、for嵌套

for(var i = 0; i < 2; i++){

    for(var j = 0; j < 2; j++){
        console.log("i的值为"+i+"    j的值是:"+j);
    }
}

五、do while

//do,while是先执行再判断
var an = 5;
do{
    console.log(an);
}while(an < 5);  //an < 5 这里是一个判断的条件，条件满点就执行，不然就结束

六、while

//while循环会先判断 再执行
var an = 5;
while(an < 10){
    console.log(an);
    an++;
}

七、switch

var an = 88;
switch(an){
   case 12: //判断an的值是不是12；如果是12执行与一下个case之间的代码；
       alert("值为12");
       break;//break可以跳出switch语句，如果没有break,就直接跳过下一次判断，执行代码
   case 10:
       alert("值为10");
       break;
   case 8:
       alert("值为8");
       break;
   default://default  当上面的条件都不满足时，就直接执行这里
       alert("没有想要的值");
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="关键字,关键词">
    <meta name="Description" content="描述和简介">
    <title>Title</title>
    <style type="text/css">
        *{margin:0;padding:0;}
        body,ul,li,ol,dl,dd,p,h1,h2,h3,h4,h5,h6{ margin:0;}
        a{text-decoration:none;}
        img{border:none;}
        ol,ul{list-style:none;}
    </style>
</head>
<body>
    <!--
        switch

        if的隐式类型转换
            小括号中的值,会被转成Boolean类型的值来判断
            即使不是一个Boolean类型的值,if也会强制转成Boolean类型
            判断为假的六个值:
            false 0 null undefined ""空字符串(不是空格) NaN(not a number 是系统自带的一个关键字)

    -->
    <div id="box"></div>

    <script>
/*
        var name = "swift";
       if ( name === "凌薇"){
            alert( name + "哈哈哈哈哈");
        }else if( name === "努力" ){
            alert( name + "瓜皮一个");
        }else if( name === "天涯" ){
            alert( name + "喂,妖妖灵吗!这里有个逗比!");
        }else{
            alert("努力是个超级大瓜皮!");
        };

        switch ( name ){
            case "swift" :
                alert(name + "小鲜肉一枚");
                break;
            case "别害怕" :
                alert(name + "小瓜皮一枚");
                break;
            case "超天大圣" :
                alert(name + "悟空,为师在此!");
                break;
            default :
                alert("喂,妖妖灵吗!");
        };
 */

   var a = NaN;
    var b = "10";
    if( b ){
        alert("真");
    }else{
        alert("假");
    };



    </script>
</body>
</html>