插件窝 干货文章 JavaScript 中的条件分支:`if`、`else` 和 `?`

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

strong class console 条件 767    来源:    2024-10-20

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

if 语句

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

语法:

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);

结论

条件分支是 javascript 中的一个基本概念,它允许您根据各种条件控制程序的流程。通过掌握 ifelseelse if 和条件运算符 ?,您将能够编写更加动态和响应式的代码代码。不断练习和探索,加深对 javascript 条件分支的理解。

请继续关注有关 javascript 的更多深入博客!快乐编码!