JavaScript 中的条件分支：`if`、`else` 和 `?`

DDD

发布时间：2024-09-19 08:21:08

1063人浏览过

来源于dev.to

转载

javascript 中的条件分支：`if`、`else` 和 `?`

在本博客中，我们将深入研究 javascript 中的条件分支的世界。我们将探讨 if 语句、else 子句、else if 构造以及条件（三元）运算符 ?。读完本博客后，您将对如何控制 javascript 程序的流程有深入的了解。

if 语句

if 语句用于在指定条件为 true 时执行代码块。

语法：

Elser AI Comics

一个免费且强大的AI漫画生成工具，助力你三步创作自己的一出好戏

下载

if (condition) {
  // code to execute if condition is true
}

示例：

let age = 18;

if (age >= 18) {
  console.log("you are an adult.");
}

布尔转换

在 javascript 中，任何值都可以转换为布尔值。以下值被视为 false:

假
0
""（空字符串）
空
未定义
nan

所有其他值均被视为true。

立即学习“Java免费学习笔记（深入）”；

示例：

let value = 0;

if (value) {
  console.log("value is true.");
} else {
  console.log("value is false.");
}
// output: value is false.

else子句

else 子句用于在 if 语句中的条件为 false 时执行代码块。

语法：

if (condition) {
  // code to execute if condition is true
} else {
  // code to execute if condition is false
}

示例：

let age = 15;

if (age >= 18) {
  console.log("you are an adult.");
} else {
  console.log("you are a minor.");
}

几个条件：else if

else if 构造允许您检查多个条件。

语法：

if (condition1) {
  // code to execute if condition1 is true
} else if (condition2) {
  // code to execute if condition2 is true
} else {
  // code to execute if none of the conditions are true
}

示例：

let score = 85;

if (score >= 90) {
  console.log("grade: a");
} else if (score >= 80) {
  console.log("grade: b");
} else if (score >= 70) {
  console.log("grade: c");
} else {
  console.log("grade: d");
}

条件运算符 ?

条件（三元）运算符 ? 是 if-else 语句的简写。

语法：

condition ? expriftrue : expriffalse;

示例：

let age = 20;
let message = age >= 18 ? "you are an adult." : "you are a minor.";
console.log(message);

多个？

您可以链接多个条件运算符来处理更复杂的条件。

示例：

let score = 85;
let grade = score >= 90 ? "a" : score >= 80 ? "b" : score >= 70 ? "c" : "d";
console.log("grade:", grade);

非传统用途？

条件运算符也可以以非传统方式使用，例如分配默认值。

示例：

let userinput = "";
let result = userinput ? userinput : "default value";
console.log(result); // output: default value

实际示例

让我们通过一个实际示例将所有内容放在一起：

let temperature = 25;

if (temperature > 30) {
  console.log("It's hot outside!");
} else if (temperature > 20) {
  console.log("It's warm outside.");
} else if (temperature > 10) {
  console.log("It's cool outside.");
} else {
  console.log("It's cold outside.");
}

let weather = temperature > 30 ? "hot" : temperature > 20 ? "warm" : temperature > 10 ? "cool" : "cold";
console.log("The weather is:", weather);