JavaScript基础----语句

条件语句

if…else

if…else语句是一种最基本的控制语句,它让JavaScript可以有条件的
执行语句。

  • 语法结构
    • 形式一:
if(判断条件){
     当条件成立的时候,执行大括号中的代码

            }
  • 形式二:
if-else 结构
            if (判断条件){
                如果条件不成立,则执行这里的代码;
            }else{
                如果条件不成立则执行这里的代码;
            }
        
  • 形式三:
// 当该语句执行时,会从上到下依次对条件表达式进行求值判断
        // 如果为true,则执行当前语句
        // 如果为false,则继续向下判断
        // 如果所有的条件都不满足则执行最后一个else后的语句(最后一个else也可不写,但要保证逻辑完整)
        // 该语句中只有一个都没块被执行,一旦代码块执行了,则结束语句

        /* if (条件表达式) {
            语句...
        } else if(条件表达式){
            语句...
        }else{

        }
  • 案例:
let age = +prompt('请输入你的年龄:');;
        if(age>100){
            alert('活的真没意思');
        }else if(age>80){
            alert('你也老大不小了');

        }else if(age>60){
            alert('你也退休了');

        }else if(age>17){
            alert('你已经成年了');
        }else{
            alert('你还是个小小孩子');

        }

switch…case

switch…case是另一种流程控制语句。

  • switch语句更适用于多条分支使用同一条语句的情况。
    语法结构:
switch(语句){
case 表达式1:
语句...
case 表达式2:
语句...
default:
语句...
}
  • 需要注意的是case语句只是标识的程序运行的起点,并不是终点,所以一旦符合case的条件程序会一直运行到结束。所以我们一般会在case中添加break作为语句的结束。
  • 案例
 <script>
        /* 
        需求:用switch结构,判断大于60分合格,小于60分不合格。
        6x       /10      6
        7x       /10      7
        8x       /10      8
        9x       /10      9
       100       /10      10
        
         */
        let score = +prompt('请输入分数(0~100)');
        // 方法一:
        /*   switch (parseInt(score / 10)) {
              case 6:
              case 7:
              case 8:
              case 9:
              case 10:
                  alert('你的成绩合格了');
                  break;
              default:
                  alert('你的成绩不合格');
                  break;
          } */
        // 方法二:
        switch (true) {
            case score > 60:
                alert('你的成绩合格了');
                break;

            default:
                alert('你的成绩不合格');
                break;
        }
    </script>

循环语句

和条件语句一样,循环语句也是基本的控
制语句。

  • 循环中的语句只要满足一定的条件将会一直执行。

while

while语句是一个最基本的循环语句。

  • while语句也被称为while循环。
  • 语法:
while(条件表达式){
语句...
}
  • 和if一样while中的条件表达式将会被转换为布尔类型,只要该值为真,则代码块将会一直重复执行。
  • 代码块每执行一次,条件表达式将会重新计算。
  • 案例
<script>
        /* 
            假如年利率为5%,试求从1000块增长到5000块,需要花费多少年
            1000 1000* 1.05
            1050 1050* 1.05
        //  第一年的钱
        // money *= 1.05;
        // //  第二年的钱
        // money *= 1.05;
        // //  第三年的钱
        // money *= 1.05;
         */
        
       /*  //  定义一个计数器
        let count = 0;
        let money = 1000;
        // 定义一个while循环来计算每年钱数
        while (money <= 5000) {
            money *= 1.05;
            count++;
        }
        alert('一共需要' + count + '年');
 */

    </script>

do…while

do…while和while非常类似,只不过它会
在循环的尾部而不是顶部检查表达式的值。

  • do…while循环会至少执行一次。
  • 语法结构:
```js
do{
语句...
}while(条件表达式);
  • 相比于while,do…while的使用情况并不
    是很多。
  • 案例:
<script>
        // do-while循环结构
        /* do{
            循环代码:
        } while(判断条件);
        */
        // 循环打印1-10;
        /* let i = 1;
        while (i <= 10) {
            console.log(i < 10);
            i++;
        } */
        /* do{
            console.log(i);
        }while(i<=10); */

        let userName = 'admin';
        let password = 666666;


         
        // let flag = true;
        // while (flag) {
        // let name = prompt('请输入用户名');
        // let key = +prompt('请输入密码');
        //     if (userName == name && password == key) {
        //         alert('成功登入');
        //         break;

        //     } else {
        //         alert('密码或用户名输入错误,请重新输入');
        //         flag = false;
        //     }
        // }
        let flag=true;
        do {
            let name = prompt('请输入用户名');
            let key = +prompt('请输入密码');
            if (userName == name && password == key) {
                alert('成功登入');
                flag = false;
            }else{
                alert('密码或用户名输入错误,请重新输入');
            }
        }while(flag);
            
    </script>

for

for语句也是循环控制语句,我们也称它为for循环。

  • 大部分循环都会有一个计数器用以控制循环执行的次数,计数器的三个关键操作是初始化、检测和更新。for语句就将这三步操作明确为了语法的一部分。
  • 语法结构:
for(初始化表达式 ; 条件表达式 ; 更新表达式){
	语句...
}
  • 案例:
<script>
        /* 
        //创建一个执行10次的while循环
        // 初始化表达式
        let i = 0;
        while(i<10){
            // 设置更新表达式
            alert(i++);
        }

            for语句,也是一个循环语句,也称为for循环
                    1.初始化表达式
                    2.条件表达式
                    3.更新表达式(循环体)
             语法:
             for(初始化表达式;条件表达式;更新表达式){   
             }         
             执行流程:
             1.执行初始化表达式,初始化变量(初始化表达式只执行一次)
             2.执行条件表达式,判断是否执行循环,
                -如果为true,执行
                -如果为false终止循环
             3.执行更新表达式(循环体)
         */
        // for (i = 0; i <= 10; i++) {
        //     document.write(i + '<br/>');
        // }
        
        let i=0;
        for(;i<10;){
            alert(i++);
        }
        /* 
            for中的三个部分都可以省略,也可以写在外部
            如果for循环中不写任何表达式,只写两个,此时循环是一个死循环会一直执行下去。
         */
         for(;;){
             alert('hello');
         }
    </script>

猜你喜欢

转载自blog.csdn.net/weixin_44757417/article/details/107374933