javascript if else 简写
封面图
•
2026-01-05
•
JavaScript
228
0
0
0
在 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';` | | 多个条件判断 | 使用嵌套三元运算符 | --- 如需具体示例,请告诉我你想要简写的代码,我可以帮你优化 😊
上一篇:
网页中调用JS弹出窗口
下一篇:
三大诀窍轻松搞定JavaScript
标题录入,一次不能超过6条
留言
评论