JavaScript 条件分支：if 和 '?'

在 JavaScript 中，条件分支是控制程序流程的重要结构，主要有 if 语句和三元运算符 ?。

if 语句

if 语句是最基本的条件控制结构，有以下几种形式：

1. 基本 if 语句

if (condition) {
  // 当条件为真时执行的代码
}

2. if...else 语句

if (condition) {
  // 当条件为真时执行的代码
} else {
  // 当条件为假时执行的代码
}

3. if...else if...else 语句

if (condition1) {
  // 当 condition1 为真时执行
} else if (condition2) {
  // 当 condition1 为假且 condition2 为真时执行
} else {
  // 当所有条件都为假时执行
}

示例

let age = 18;

if (age < 18) {
  console.log("未成年人");
} else if (age >= 18 && age < 65) {
  console.log("成年人");
} else {
  console.log("老年人");
}

三元运算符 '?'

三元运算符是 if...else 的简洁形式，语法为：

condition ? exprIfTrue : exprIfFalse

示例

let age = 20;
let message = age >= 18 ? "成年人" : "未成年人";
console.log(message); // 输出 "成年人"

嵌套的三元运算符

let score = 85;
let grade = score >= 90 ? "A" : 
             score >= 80 ? "B" : 
             score >= 70 ? "C" : "D";
console.log(grade); // 输出 "B"

比较 if 和 '?'

1. if 语句：

   • 适合复杂的条件逻辑和多行代码块
   • 可读性更好，特别是对于复杂条件
   • 可以有多个 else if 分支

2. 三元运算符：

   • 简洁，适合简单的条件判断
   • 可以内联在表达式中
   • 只能处理两种结果的情况（可以使用嵌套处理更多情况）

注意事项

1. 在条件判断中，JavaScript 会将值转换为布尔值：

   • false, 0, "", null, undefined, NaN 会被视为 false
   • 其他值被视为 true

2. 使用严格相等 === 而不是 == 来避免类型转换问题

3. 对于多个条件，可以使用逻辑运算符：

   • && (AND)
   • || (OR)
   • ! (NOT)

if (age > 12 && age < 20) {
  console.log("青少年");
}

条件分支是编程中的基础概念，掌握好 if 和三元运算符的使用，可以让你编写更灵活、更高效的代码。