前端入门指南：掌握JS中三种常见判断

在 JavaScript 中，有三种常见的判断：if 语句、else if 语句和 else 语句。这三个语句可以帮助您根据不同的条件执行不同的代码块。

if 语句

if 语句用于判断一个条件是否成立，如果成立则执行代码块，如果不成立则跳过该代码块。if 语句的语法如下：

if (condition) {
  // code block
}

例如，以下代码使用 if 语句判断一个变量是否大于 10：

let num = 15;
if (num > 10) {
  console.log("num is greater than 10");
}

这段代码将输出 "num is greater than 10"。

else if 语句

else if 语句用于判断另一个条件是否成立，如果成立则执行代码块，如果不成立则跳过该代码块。else if 语句的语法如下：

if (condition) {
  // code block
} else if (condition) {
  // code block
}

例如，以下代码使用 else if 语句判断一个变量是否大于 10 或小于 5：

let num = 7;
if (num > 10) {
  console.log("num is greater than 10");
} else if (num < 5) {
  console.log("num is less than 5");
}

这段代码将输出 "num is less than 5"。

else 语句

else 语句用于判断所有其他条件都不成立时执行代码块。else 语句的语法如下：

if (condition) {
  // code block
} else {
  // code block
}

例如，以下代码使用 else 语句判断一个变量是否大于 10、小于 5 或等于 10：

let num = 10;
if (num > 10) {
  console.log("num is greater than 10");
} else if (num < 5) {
  console.log("num is less than 5");
} else {
  console.log("num is equal to 10");
}

这段代码将输出 "num is equal to 10"。

比较运算符

比较运算符用于比较两个值是否相等、不相等、大于、小于、大于等于或小于等于。比较运算符的列表如下：

• ==：相等
• !=：不相等
• >：大于
• <：小于
• >=：大于等于
• <=：小于等于

逻辑运算符

逻辑运算符用于组合多个条件。逻辑运算符的列表如下：

• &&：并且
• ||：或者
• !：非

三元运算符

三元运算符用于根据条件返回不同的值。三元运算符的语法如下：

condition ? value1 : value2

例如，以下代码使用三元运算符根据一个变量是否大于 10 返回不同的值：

let num = 15;
let result = num > 10 ? "num is greater than 10" : "num is less than or equal to 10";
console.log(result);

这段代码将输出 "num is greater than 10"。