条件语句


1. 条件语句的介绍

条件语句就是通过条件来控制程序的走向

2. 条件语句语法

  1. if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
  2. if…else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
  3. if…else if…else 语句 - 使用该语句来判断多条件,执行条件成立的语句

3. 比较运算符

假如 x = 5, 查看比较后的结果:

比较运算符

描述

例子

==

等于

x == 8 为 false

===

全等(值和类型)

x === 5 为 true; x === “5” 为 false

!=

不等于

x != 8 为 true

>

大于

x > 8 为 false

<

小于

x < 8 为 true

>=

大于或等于

x >= 8 为 false

<=

小于或等于

x <= 8 为 true

比较运算符示例代码:

var iNum01 = 12;
var sNum01 = '12';

if(iNum01==12){
alert('相等!');
}
else{
alert('不相等!')
}

// "==" 符号默认会将符号两边的变量转换成数字再进行对比,这个叫做隐式转换
if(sNum01==12){
alert('相等!');
}
else{
alert('不相等!')
}

// "===" 符号不会转换符号两边的数据类型
if(sNum01===12){
alert('相等!');
}
else{
alert('不相等!')
}

// 多条件判断
var sFruit = "苹果";
if (sFruit == "苹果") {
alert("您选择的水果是苹果");
} else if (sFruit == "鸭梨") {
alert("您选择的水果是鸭梨");
} else {
alert("对不起,您选择的水果不存在!")
}

4. 逻辑运算符

假如 x=6, y=3, 查看比较后的结果:

比较运算符

描述

例子

&&

and

(x < 10 && y > 1) 为 true

||

or

(x5 || y5) 为 false

!

not

!(x==y) 为 true

逻辑运算符示例代码:

var x = 5;
var y = 2;

if(x < 10 && y > 1){
alert('都大于');
}
else{
alert('至少有一个不大于');
}

if(x > 5 || y > 7 ){
alert('至少有一个大于');
}
else{
alert('都不大于');
}

if(!(x == y)){
alert('等于')
}
else{
alert('不等于')
}

5. 小结

  • 条件语句三种写法
  • if 语句 适用于单条件判断
  • if else 语句 适用于两种条件的判断(成立和不成立条件判断)。
  • if else if else 语句 适用于多条件判断