2

语句

if语句

if(条件表达式){

   代码段:条件表达式结果为true执行

}

//定义一个变量
var res=10;
if(res>9){//如果res大于9那么就返回true,执行大括号里的代码段
    console.log('hello');
}
console.log('life');

clipboard.png

if...else语句

if(条件表达式){

代码段1:条件表达式结果为true执行

}else{

代码段2:否则执行这段代码

}

//定义一个数字类型变量
var num=9;
//如果num小于10且大于8才返回true
if(num<10&&num>8){
    //返回true执行的代码段
    console.log('my life');
}else{//否则返回false
    //返回false执行的代码段
    console.log('hello');
}

clipboard.png

if...else语句嵌套模式

if(条件表达式){

代码段1

}else{

if(条件表达式){
   代码段2
}else{
   代码段3
}

}

//定义一个number类型的salary变量
var salary=25000;
//如果salary>30000,返回true
if(salary>30000){
    //输出‘金领’
    console.log('金领');
}else{//否则
    //如果salary>20000,返回true
    if(salary>20000){
        //输出‘白领’
        console.log('白领');
    }else{//否则
        //输出‘蓝领’
        console.log('蓝领');
    }
}

clipboard.png
if语句与if...else语句的注意事项

对应的代码段的大括号"{}",允许被省略的
当前语句块中只存在一条语句时
省略大括号"{}"时,JavaScript默认认为后面的第一条语句是被控制的代码段内容
建议按照语法规则编写

if...else if语句

if(条件表达式){

代码段1

}else if(条件表达式){

代码段2

}else{

代码段3

}

//定义number类型变量
var num=10;
//如果num>20返回true
if(num>20){
    //返回true才允许执行这段代码段
    console.log('hello');
//否则如果num大于10返回true
}else if(num>10){
    //返回true才允许执行这段代码段
    console.log('hi');
}else{//否则返回false
    //返回false执行此代码段
    console.log('good');
}

clipboard.png

switch...case语句

switch(条件){

case 0:
    代码段1;
    break;
case 1:
    代码段2;
    break;
default:
    代码段3;    

}

//定义一个number类型的变量
var num=1;
switch(num){
    //num等于case 0
    case 0:
        //输出这段代码段
        console.log('按0进入人工服务');
        //结束
        break;
    //num等于case 1
    case 1:
        //输出这段代码段
        console.log('按1进行话费充值');
        //结束
        break;
    //以上都不足执行以下操作
    default:
        //输出这段代码段
        console.log('退出');
}

while语句

while(条件表达式){

执行代码段

}

//定义number类型的变量
var num=1;
/*设置条件表达式,返回true则进入循环,
直到条件表达式返回false退出循环*/
while(num<10){
    //输出当前变量值
    console.log(num);
    //num+1
    num++;
}

clipboard.png

do...while语句

do{

代码段

}while(条件表达式);

//定义number类型变量
var num=1;
//定义do..while循环,可以先执行一次代码段
do{
    //输出代码段
    console.log('hell,my life');
//while的条件表达式如返回true继续循环,返回false结束循环    
}while(num>2);

clipboard.png

while语句与do...while语句的区别?

while先判断再执行
do...while先执行一次再判断

for语句

for(定义变量;条件表达式;循环控制表达式){

执行代码段

}

//在for循环括号定义变量;条件表达式;循环控制表达式
for(var num=1;num<10;num++){
    //如果循环表达式一直返回true就一直执行代码段,知道返回false退出循环
    console.log('第'+num+'个');
}

clipboard.png

跳转语句

跳转语句只能用于循环执行结构,而不能用于条件判断结构
switch...case语句中使用的break,并不是break的用法,而是switch语句的用法
循环语句中的跳转语句
break语句:表示结束整体循环

//在for循环括号定义变量;条件表达式;循环控制表达式
for(var num=1;num<10;num++){
    //如果num等于4
    if(num == 4) {
        //输出‘退出循环’
        console.log('退出循环');
        //直接用break结束循环
        break;
    }
    console.log('第'+num+'个');
}

continue语句:表示结束本次循环

//在for循环括号定义变量;条件表达式;循环控制表达式
for(var num=1;num<10;num++){
    //如果num等于4
    if(num == 4) {
        //直接用continue跳过此次循环
        continue;
    }
    console.log('第'+num+'个');
}

break与continue的区别

break直接跳出整个循环
continue跳出单次循环


庄国琳
42 声望7 粉丝

如果不努力,那以后你还是一条咸鱼