javascript if else 简写

封面图 • 2026-01-05 • JavaScript

在 JavaScript 中，`if-else` 语句可以使用一些简写方式来使代码更简洁。以下是几种常见的 `if-else` 简写方法：

---

### 1. **三元运算符（Ternary Operator）**

这是最常用的 `if-else` 简写方式。

```javascript
// 原始写法
let result;
if (condition) {
  result = 'yes';
} else {
  result = 'no';
}

// 简写为
let result = condition ? 'yes' : 'no';
```

---

### 2. **逻辑与/或（&& / ||）的简写**

有时可以用 `&&` 或 `||` 来简化条件判断。

#### 用法一：`&&` 用于执行某段代码

```javascript
// 原始写法
if (user.isLoggedIn) {
  showDashboard();
}

// 简写
user.isLoggedIn && showDashboard();
```

#### 用法二：`||` 用于设置默认值

```javascript
// 原始写法
let name = user.name;
if (!name) {
  name = 'Guest';
}

// 简写
let name = user.name || 'Guest';
```

---

### 3. **对象解构 + 默认值**

如果你需要从对象中获取属性并设置默认值，可以这样写：

```javascript
const { name = 'Guest' } = user;
```

---

### 4. **使用数组或对象的条件赋值**

```javascript
// 原始写法
let color;
if (isRed) {
  color = 'red';
} else if (isBlue) {
  color = 'blue';
} else {
  color = 'green';
}

// 简写为
let color = isRed ? 'red' : isBlue ? 'blue' : 'green';
```

---

### 5. **switch 语句的替代方案（使用对象映射）**

```javascript
// 原始写法
let action;
if (type === 'add') {
  action = 'create';
} else if (type === 'edit') {
  action = 'update';
} else {
  action = 'delete';
}

// 简写为
let action = {
  add: 'create',
  edit: 'update'
}[type] || 'delete';
```

---

### 总结

| 原始写法 | 简写方式 |
|----------|-----------|
| `if (a) { ... } else { ... }` | `a ? ... : ...` |
| `if (a) { b(); }` | `a && b();` |
| `if (!a) { a = 'default'; }` | `a = a || 'default';` |
| 多个条件判断 | 使用嵌套三元运算符 |

---

如需具体示例，请告诉我你想要简写的代码，我可以帮你优化 😊