跳到主要内容

WTF JavaScript 极简教程: 6. 条件语句

WTF JavaScript 教程,帮助新人快速入门 JavaScript。

推特@WTFAcademy_@0xAA_Science

WTF Academy 社群: 官网 wtf.academy | WTF Solidity 教程 | discord | 微信群申请

所有代码和教程开源在 github: github.com/WTFAcademy/WTF-JavaScript


在投资中,我们经常会根据价格不同而采取不同的策略。这一讲,我们介绍 JavaScript 中的条件语句,它可以让我们做到根据不同条件执行不同的操作。

if 语句

if 语句的基本结构如下:

if (条件) {
语句
}

if 语句的条件为  true 时,则会执行对应的代码块。例如:

let x = 1;
if (x > 0) {
x = x + 1;
}
console.log(x); // 2

if 语句会计算圆括号内的表达式,并将计算结果转换为布尔类型,下列值将会被计算为 false

  • false
  • undefined
  • null
  • 0
  • NaN
  • 空字符串(""

当传递给 if 语句所有其他的值,包括所有对象会被计算为 true

if-else 语句

if 代码块后还可以跟随一个 else 代码块,如果判断条件不成立,则会执行它内部的代码。

let y = 1;
if (y != 1) {
y = y + 1;
} else {
y = y - 1;
}
console.log(y); // 0

else-if 语句

有时我们需要进行多次判断,可以通过使用  else-if 语句实现:

const z = 2;

if (z === 0) {
console.log('x 的值为 0');
} else if (z === 1) {
console.log('x 的值为 1');
} else if (z === 2) {
console.log('x 的值为 2');
} else {
console.log('x 为其它值');
}

三元运算符

三元运算符,也称条件运算符,是 JavaScript 唯一使用三个操作数的运算符。使用规则: 条件 ? 表达式1 : 表达式2。当条件为真时,执行表达式1,否则执行表达式2。该运算符经常当作 if-else 语句的简捷形式来使用。例如:

// 返回 x 和 z 之中更大的数
const bigger = x < z ? z : x;
console.log(bigger);

习题

补全下面的 isOdd 函数,完成逻辑: 当输入参数 num 为奇数时,返回 true,偶数时返回 false

提示:可以使用取余运算符 % 来计算 num 与 2 的余数。如果是 0,则为偶数;如果是 1,则为奇数。

function isOdd(num){
}

总结

这一讲我们介绍了 JavaScript 的条件语句,包括 ifif-elseelse-if,和三元运算符。它们可以丰富程序的逻辑性。