喜欢我的话,点击上方 蓝色文字关注吧 👆
不喜欢看文字的同学,点击下方👇绿色按钮 ,竖起耳朵👂听吧
。
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) {
vname = value1;
}else{
vname = value2;
}
写个小例子。
var a = '刘小妞',b;
b = a.length > 0 ? a : '空字符串';
alert(b);
如果只是简单的条件赋值,我建议用三元运算符,比写if else要简洁的多。
长按下方二维码,关注刘小妞的栖息地 👇👇👇
