闯入js世界的第二天

52 阅读2分钟

首先我们来探讨一下js的循环

js循环分为 switch while do .... while for循环,下面我们来一一进行介绍

switch

语法 switch (要判断的变量){

 case 1(条件1)

 条件1要执行的代码
 
 breakcase 2(条件2)

 条件2要执行的代码
 
 breakcase  3(条件3)

 条件1要执行的代码
 
 breakdefault :
 
 上述情况都不执行的时候,执行的代码

}

案例 根据分数打印出对应的等级

     var n = prompt('请输入一个数')
        var res = parseInt(n / 10)
        switch (res) {
            case 10:
                console.log('完美');
                break;
            case 9:
                console.log('优秀');
                break;
            case 8:
                console.log('良好');
                break;
            case 7:
                console.log('中等');
                break;
            case 6:
                console.log('及格');
                break;
            case 5:
                console.log('差');
                break;
            default:
                console.log('请输入正确的分数,或者好好学习');
                break;
        }

switch的穿透现象

当case后面没有跟随break的时候,会从满足条件的第一个case开始,知道最后一个或者说是最近的break结束

while循环

语法 while(条件){满足条件执行的代码}

案例

在控制台输出5次1

var n = 1
whileif n <= 5console.log(1)
n ++

do while 和 while 的差别

while 首次执行会先进行判断,条件不满足时不会执行

do ... while 首次执行不会先进行判断,会先执行一次,条件不满足时不执行代码

do {

执行代码

} while (条件);

for循环

简单的写一个for循环

运用for循环计算1 - 5的和

语法 for(变量初始化,判断条件,改变自身){循环要执行的代码}

var sum = 0
for(var i = 0;i <= 5;i++){
   sum += i
}
console.log(sum)

分支语句

分支语句分为 if else if, if, if else

if

for(var i = 0;i <= 5;i++){
   if (i = 3) {
       console.log('哈哈')
   }
}

if else

var age = prompt('请输入年龄') - 0
   if (age < 18) {
       console.log('成年')
   } else {
        console.log('未成年')
   }
}

if else if

 var mooth = 5
        if (mooth < 1) {
            console.log('哈哈')
        } else if (mooth < 2) {
            console.log('嘻嘻')
        } else if (mooth < 3) {
            console.log('咯咯')
        } else {
            console.log('请输入正确数字')
        }
  }

三目运算符

语法

条件 ?条件为真的时候执行的代码 :条件为假的时候执行的代码

 var mooth = 5
 mooth == 3 ? console.log('mooth不是5') :console.log('mooth是5')