if 语句

一个小时学会JavaScript
2023-06-04 10:16 · 阅读时长4分钟
小课

if 语句可以根据条件来决定是否执行某一段代码,主要有以下三种形式,分别适用于不同的情况。

  • if ...
  • if ... else ...
  • if ... else if ... else ...
if 

这是最基础的 if 语句,它的代码形式如下

if (判断条件) {
    代码...
}
后面的代码...

通常情况下,判断条件的结果是布尔类型,也就是truefalse,结果为true则执行 if 语句中的代码,结果为false则不执行,但是在JavaScript中,使用其它类型作为判断条件也是可以的,因为JavaScript 会隐式的将结果转换为布尔类型。

关于类型转换可以参考:类型转换

注释
1let number = 10
2if (number > 0) {
3    console.log("number > 0")
4}
5if (number < 0) {
6    console.log("number < 0")
7}
8if (number == 0) {
9    console.log("number == 0")
10}
11console.log("finished")
if...else..

if...else...语句除了可以在条件满足时执行一段代码块以外,还可以让我们在条件不满足时执行另外一段代码块。它的代码形式如下

if (判断条件) {
    代码1...
} else {
    代码2...
}
后面的代码...

当判断条件满足时,先执行 if 中的代码1,再执行后面的代码,不执行 else 中的代码2;当条件不满足时,先执行 else 中的代码2,再执行后面的代码,不执行 if 中的代码1。

let number = -1
if (number > 0) {
    console.log('number > 0')
} else {
    console.log('number <= 0')
}
console.log("finished")
if...else if...else...

这种 if 语句形式,可以根据多个不同的条件执行不同的代码块。它的代码形式如下

1if (条件1) {
2    代码1...
3} else if (条件2) {
4   代码2...
5}
6   ...
7} else if (条件n) {
8   代码n...
9} else {
10   代码n+1...
11}
12后面的代码...

代码会从第一个条件开始从上往下进行判断,当第x个条件满足时,先执行代码x,然后再执行后面的代码,并且不再执行后面的else if判断和代码,如果所有的条件都不满足,则执行else语句中的代码。

1let number = 2
2if (number > 2) {
3    console.log('number > 2')
4} else if (number > 1) {
5    console.log('number > 1')
6} else if (number > 0) {
7    console.log('number > 0')
8} else {
9    console.log('number <= 0')
10}
11console.log("finished")
嵌套的 if 语句

我们还可以嵌套使用 if 语句,也就是在 if 语句内部使用 if 语句。

1let number = 1
2if (number > 0) {
3    if (number > 1) {
4        console.log('number > 1')
5    } else {
6        console.log('number <= 1')
7    }
8} else {
9    console.log('number <= 0')
10}
11console.log('finished')
JavaScriptif语句