JavaScript中if语句

作用
if语句用于我们的条件判断，if(){}，小括号内是判断的语句，返回的是一个布尔值，true或false，在我们的实际应用中可用于开关实例，常用的格式有三种，以下练习供参考了解：

1、if(){}

例子：声明变量 a、b，且赋值 a 和 b 都等于5；当 a 等于 b 时，重新对 b 赋值为10，并弹出 b 的新值

  var a=5,b=5;if (a==b){b=10;alert(b);}

以上小括号内的条件判断 a==b，返回结果为true，因此b重新赋值为10，最后的alert结果则为10。

2、if(){}else{}

例子：如果x大于y成立，则x值为y值加1，否则x值为y值减1

    var x=1,y=2;if (x>y){x=y+1;}else{x=y-1;}alert(x);

当if括号里的判断条件返回为true时，执行if里的代码，否则执行else里的代码，因此以上例子最后的输出结果应为1。

3、if(){}else if{}else{}

例子：如果x值为3，y值为2，如果x值大于3，y值为1，如果x值小于3，y值为4

      var x=4,y;if (x==3){y=2;}else if (x>3) {y=1;}else{y=4;}

当if括号内的条件结果为true时执行if里面的代码，否则看else if括号内的天剑判断结果是否为true，是则执行里面的代码，否则执行最后else里面的代码，上面的例子中，x=4 ，满足else if 中的条件，因此y的最后结果应为1。

以下是关于开关应用的小案例，可供参考

<button id="btn">点击我切换背景颜色
</button>
<script>var btn=document.getElementById("btn");var body=document.getElementsByTagName("body")[0];var isRed=true;btn.onclick=function () {if (isRed) {body.style.backgroundColor="blue";isRed=false;}else{body.style.backgroundColor="red";isRed=true;}}
</script>

JavaScript中if语句相关推荐

JavaScript中switch语句的参数问题
JavaScript中switch语句的参数类型可以为boolean类型. 例:编写一个程序,实现对给出的一个百分制成绩输出相应的等级. 即:90分以上为'A',80-89分为'B',70-7 ...
JavaScript中的语句结束符';'
语句结束的分号还是挺重要的 let a,b,c a = [1, 2, 3, 4] a.forEach((n) => {n *= n; }) [b, c] = a 以上代码,乍看之下似乎没什么问题 ...
详解JavaScript中void语句的使用
void是在JavaScript中的一个重要的关键字可被用作其单操作数之前出现一元运算符,其可以是任何类型. 此运算符指定不需要返回值,进行计算的表达式.它的语法可能是下列之一: <script ...
如何快速理解JavaScript 中重要语句for循环
一.基本结构:for(起始状态:判断条件:状态改变){ 执行语句: } 执行顺序:for(var i=1;i<3;i++){ alert(i); } 1.判断条件 2.执行语句 3. ...
JavaScript中Switch语句的使用方法
语法 switch(表达式) { case n: 代码块 break; case n: 代码块 break; ...
JavaScript中的运算符和语句
一.JavaScript的运算符 a.基本的算术运算符(+.-.*./.%) -.*./.%运算符会在必要的时候将操作数转换为数字,无法转换成数字的操作数将会转换成NaN,相应的运算结果也是NaN. ...
关于javascript中的（;），为可选的分号
在阅读jQuery源码的时候,发现一个小东西神出鬼没,它就是(;).因此,为确保阅读的流畅性,从JQuery中跳出来,折腾一下javascript中的语句结束分隔符(注:这自是个人理解中的称呼),下面 ...
JavaScript if else语句
在编写程序时,可能需要从一组给定的路径中采用一个.在这种情况下,您需要使用条件语句,以使程序可以做出正确的决定并执行正确的操作. 在JavaScript中,if-else语句用于在条件为TRUE时执行 ...
this调用语句必须是构造函数中的第一个可执行语句_谈谈JavaScript中的函数构造式和new关键字...
您是否曾困惑于 Javascript 中的new关键字呢?是否曾想理解关于 function 和 constructor 的区别是什么呢? 大多数 Javascript 的新开发者不太想要使用new关 ...