亲,请登录 免费注册

js判断分支条件语句

扫描二维码阅读手机版

分支条件语句:

1.条件选择语句

if语句:

顾名思义,if语句是用来做分支的语句,当满足条件的时候,选择执行,否则不会执行;

其结构为:

if(true){
    // 满足条件执行的代码块;
    // do something;
}

例如:

var num = 2;
if(num==2){ // 因为num==2的条件成立,此时条件表达式为true,所以执行if语句的代码操作;
    alert('num的值为2');
}
var num2 = 1;
if(num2!=1){ // 因为条件表达式执行结果为false,所以不会执行if语句里的代码;
    alert('num2的值不为1');
}

if...else 条件语句

和if语句非常相似,不同点在于,当条件为true时,执行if语句,否则,就执行else语句;

其结构为:

if(true){
    // do something
}else{
    // do something
}

例如:

对于上面if相同的例子,其实完全可以用if...else语句来完成;

var num=2;
if(num==2){ // 当num的值为2的时候,if条件满足执行if语句,其他任何时候都执行else语句;
    alert('num的值为2');
}else{
    alert('num的值不为2');
}

if...else if...else 多条件语句

当需要执行很多判断和分支的时候,这时候可以选择if...else if...else多条件语句;

其结构为:

if(true){
    // do something;
}else if(true){
  // do something;
}
 ....
else{
  // do something;
}

例子:(浏览器会弹出'num的值在上面所有条件都不满足,所以最终执行到最后的else语句'这句话)

var num = 30;
if(num<10){           // 判断结果为false,继续下面的流程判断;
    alert('num的值小于10');
}else if(num<20){        // 判断结果为false,继续执行下面的流程;
    alert('num的值小于20')
}else{              // 当所有条件都不满足时,执行最后的else语句;
    alert('num的值在上面所有条件都不满足,所以最终执行到最后的else语句');
}

对于if分支语句而言,当if条件表达式里边的值,为true时,才会执行,否则就会执行else语句或者跳过if判断,执行代码后面的操作;

2.switch语句:switch根据不同的条件来执行不同的操作;

其结构为:

switch('条件'){
    case xxx:
        do something;
        break;
    case xxx:
        do something;
        break;
    default:
        do something;
    break;
}

例如 : 点击一个按钮,来获取今天是周几;

// html结构:
<input type="button" value="点击获取当天是周几" id="btn" />
// JS结构:
var btn = document.getElementById('btn');
var week = new Date().getDay();  // 获取当天是周几;
btn.onclick = function(){
    switch(week){
        case 0:
            alert('今天是周末');
            break;
        case 1:
            alert('今天是周一')
            break;
        default:
            alert('没有找到对应的日期');
            break;
    }
}

点击按钮 会执行一个onclick事件 然后用switch语句来选择今天是周几,如果是周末和周一,可以找到相对应的case语句,所以会执行

相对应的代码块,弹出当天是周几,其他任何时候,都会执行default语句,弹出 没有找到对应的日期这句话;

default和break关键字;

default 在没有找到相对应的case语句时执行,类似于if多条件语句执行最后的else一样,break作用是跳出当前的case语句,如果不写

break的话,会把几个case语句合并为一个来执行;

例如:
var a = 1;
switch(a){
    case 0:
    case 1:
        alert('case0和case1合并在一起执行了');
        break;
}


关注IT新闻、SEO优化、站长技术、营销、建站,扫描19652站长网二维码,定期送礼品。

微信扫描

安卓扫描

热门精选

  • CSS之--定位

    CSS之--定位

  • js判断分支条件语句

    js判断分支条件语句

  • 注册编辑已被管理员停用如何解决

    注册编辑已被管理员停用如何解决

  • 面向对象轮播图效果

    面向对象轮播图效果