三元表达式，也叫做三元运算符，是 JavaScript 中唯一需要三个操作数的运算符，也是前端开发中最常用的简化判断语法。
我们普通运算符大多是二元（例如 1+1、a>b），只需要两个数据参与运算；而三元表达式需要：条件、成立执行代码、不成立执行代码三部分，所以被称为“三元”。
它的核心作用：简化简单的 if…else 判断语句，让代码更简洁、更优雅。
二、三元表达式标准语法
- 完整公式
条件 ? 条件成立执行代码 : 条件不成立执行代码 - 执行逻辑
●先判断前面的 条件 是否为 true
●条件为 true：执行 ? 后面的代码
●条件为 false：执行 : 后面的代码
- 基础示例对比
需求：判断分数是否及格
普通 if else 写法
let score = 80
let res
if(score >= 60){
res = “及格”
}else{
res = “不及格”
}
三元表达式极简写法
let score = 80
let res = score >= 60 ? “及格” : “不及格”
可以明显看出：4行的if判断，三元表达式一行就能搞定。
三、为什么叫“三元”？
很多初学者疑惑：三元到底代表什么？
三元 = 三个参与运算的单元：
1.第一个单元：判断条件
2.第二个单元：条件为真的结果
3.第三个单元：条件为假的结果
这也是它和其他运算符最大的区别，是 JS 中独一无二的三目运算语法。
四、项目常用场景
三元表达式专门用于 简单的二选一逻辑，是项目高频用法：
●状态文字切换（成功/失败、开启/关闭）
●样式动态切换（高亮/默认）
●搜索结果判断、有无数据提示
●参数默认值简单判断
示例：搜索结果提示（你之前项目真实场景）
// 筛选后数据判断
Filterpackage.length ? Toast.showSuccess(‘搜索成功’) : Toast.showError(‘无搜索结果’)
逻辑：有长度（有数据）就成功，没有数据就提示无结果，非常简洁。
五、三元表达式使用禁忌（重点）
三元表达式虽然简洁，但是有严格使用规范：
- 只适合简单判断
三元表达式的定位是 替代简单 if else，只做二选一简单逻辑。 - 禁止多层嵌套
虽然三元表达式支持嵌套写法，但是绝对不推荐！
嵌套后代码可读性极差、难以维护、容易出错，不符合企业代码规范。复杂多分支判断，必须使用 if else 或 switch。 - 尽量用于赋值、简单语句
不要在三元中写大量业务逻辑，只做简单取值、赋值、提示。
六、总结 - 三元表达式（三元运算符）：JS 唯一三目运算语法，由「条件、true结果、false结果」三部分组成，因此叫三元；
- 语法：条件 ? 成立执行 : 不成立执行；
- 作用：简化简单二选一的 if 判断，精简代码；
- 规范：只用于简单逻辑，禁止嵌套，保证代码可读性。
三元表达式是前端最基础、最高频的语法，熟练使用可以让代码更加干净、优雅，是项目开发和面试的基础必备知识点。
