最基础的JavaScript条件语句

187 阅读3分钟
原文链接: mp.weixin.qq.com

喜欢我的话,点击上方 蓝色文字关注吧 👆


不喜欢看文字的同学,点击下方👇绿色按钮 ,竖起耳朵👂听吧

JavaScript条件语句 来自刘小妞的栖息地 00:00 38:12

JS条件语句是一种特殊的语句,它是根据不同的条件执行不同的动作。

它总共有三种写法:

if语句、switch语句、三元运算符


if语句

if语句规定条件为 true 时执行的 JavaScript 代码块。格式如下:

if (条件) { 条件为 true 时执行的代码
                        

}

写个小例子:

var a = '刘小妞';

if (a.length > 0) {

    alert(a);

}

else  语句规定条件为 false 时执行的代码块。格式如下:

if (条件) { 条件为 true 时执行的代码块} else {                            条件为 false 时执行的代码块
                            

}

eles语句肯定跟着if语句,if语句可以单独使用。

写个小例子:

var a = '刘小妞';

if (a.length > 0) {

    alert(a);

} else {

    alert('a是一个空字符串');

}

else if 规定当前一个条件为 false 时的新条件。格式如下:

if (条件 1) {    条件 1 为 true 时执行的代码块} else if (条件 2) {    条件 1 为 false 而条件 2 为 true 时执行的代码块 } else {    条件 1 和条件 2 同时为 false 时执行的代码块

}

写个小例子:

var a = 10;

if (a < 0) {

    alert('a是负数');

} else if (a < 10){

    alert('a是个位数');

} else {

    alert(a);

}

else if语句可以有多个


switch语句

switch 语句用于基于不同条件执行不同动作。格式如下:

switch(表达式) {     case m:        代码块        break;     case n:        代码块        break;     default:        默认代码块

}

switch语句一般用于条件选择比较多的情况下。

写个小例子。

<div id="test"></div>

<script>

var time = 1,day;

switch (time) {    case 1:        day = "星期一";        break;    case 2:        day = "星期二";         break;    case 3:        day = "星期三";         break;    case 4:        day = "星期四";         break;    case 5:        day = "星期五";         break;    case 6:

day = "星期六";

        break;
    case 7:        day = "星期日";

}

document.getElementById("test").innerHTML = "今天是" + day;

</script>

计算switch括号里的表达式,计算的结果与下面每个case的值做对比,如果匹配成功,则执行关联的代码,否则,执行default关联的代码。

default是关键词,表示默认,它不是必须放在最后的位置,也可以放在上面的位置,但是,我们习惯把它放最后一个,也可以没有default

break也是关键词,表示跳出。

如果 JavaScript 遇到 break 关键词,它会跳出 switch 代码块,后面的代码不再执行,这样能够节省大量的执行时间,提高代码效率。最后一个case不用加break。

switch使用的是严格比较,也就是“===”进行比较,值和类型都要相同才会比配成功。

不同的case值可以使用相同的代码。格式如下:

switch(表达式) {

    case m:

     case m1:

        代码块 break; case n: 代码块 break; default: 默认代码块

}

写个小例子

<div id="test"></div>

<script>

var time = 6,day;

switch (time) {    case 1:        day = "星期一";        break;    case 2:        day = "星期二";         break;    case 3:        day = "星期三";         break;    case 4:        day = "星期四";         break;    case 5:        day = "星期五";        break;
    case 6:
    case 7:        day = "周末";

}

document.getElementById("test").innerHTML = "今天是" + day;

</script>


三元运算符

三元运算符一般用于比较简单的条件赋值,它等同于if else,写法如下:

vname = (condition) ? value1:value2;

condition是条件判断,当条件成立的时候,把value1赋值给vname,否则,把value2赋值给vname。它如果用if else写的话,如下:

if (condition) {

    vnamevalue1;

}else{

    vname = value2;

}

写个小例子。

var a = '刘小妞',b;

b = a.length > 0 ? a : '空字符串';

alert(b);

如果只是简单的条件赋值,我建议用三元运算符,比写if else要简洁的多。


长按下方二维码,关注刘小妞的栖息地 👇👇👇