jilingxf

js学习笔记——条件 循环

今天发现之前学的爱前端的课中JS部分函数等不全，果断换了一个课——渡一的《Web前端开发JavaScript高薪课堂》接着学习，不过废话有点多

1、条件语句

语法：

1、单if，条件成立，执行语句体

if (条件）{

语句体;

}

2、if else，条件成立，执行if后的语句体，否则执行else的语句体

if (条件）{

语句体;

}else {

语句体;

}

3、if else if，条件成立，执行if后的语句体，否则执行else  边if的条件是否成立，如果成立执行if的语句体，最后如果有else，执行else后的语句体，否则结束

if (条件）{

语句体;

}else if（）{

语句体;

}

else {

语句体;

}

注意 {}后边没有分号

实例，输入一个分数，看看能去哪家公司

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var score = parseInt(window.prompt("请输入得分："));
        // 90-100 alibaba
        //80-90 tencent
        //70-80 baidu
        //60-70 mogujie
        //<60 自己玩
        if(score > 90 && score <=100) {
            document.write("alibaba");
        } else if(score>80 && score <= 90){
            document.write("tencent")
        } else if(score>70 && score <= 80){
            document.write("baidu")
        } else if(score>60 && score <= 70){
            document.write("mogujie")
        } else if(score<= 60){
            document.write("for youself")
        } else {
            document.write("error")
        }
    </script>
</body>
</html>

if语句与&& 的转换

下边这两句话是等价的

if(1<2){
            document.write("if语句输出");
        }
1<2  && document.write("相当于if语句输出");


循环语句

语法

for（var i = min；i < max; i++){

             语句体;

}

min是起始值  max是结束值  ，i++是变量的变化方式

实例

打印10个a

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        for(var i = 0; i < 10; i++){
            document.write("a");
        }
    </script>
</body>
</html>

结果

image

for循环也可以这样写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var i = 0
        for(; i < 10; ){
            document.write("a");
            i++;
        }

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

输出结果相同

等价与while循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>while循环</title>
</head>
<body>
    <script>
        var i = 0;
        while(i < 10){
            document.write(i);
            i++;
        }
    </script>
</body>
</html>

结果

image

另外还有do  while循环，不常用

posted on 2022-05-15 00:15  jilingxf  阅读(241)  评论(0)    收藏  举报

导航