本文介绍如何通过一条简洁可靠的正则表达式，从不含嵌套的 javascript 三元表达式字符串中准确提取条件、真值分支和假值分支，并返回由三个字符串组成的数组。
本文介绍如何通过一条简洁可靠的正则表达式，从不含嵌套的 javascript 三元表达式字符串中准确提取条件、真值分支和假值分支，并返回由三个字符串组成的数组。
在处理动态字符串或模板化代码时，常需解析类似 condition ? expr1 : expr2 的三元运算符结构。关键挑战在于：既要正确分割 ? 和 : 两侧的内容，又要避免被括号、引号或逻辑运算符（如 &&、||）干扰。由于题目明确要求不支持嵌套三元操作且条件部分仅含简单逻辑表达式（如 !(a == b) && (c == d)），我们可以采用基于“首次出现的 ? 和 :”的贪婪/非贪婪组合策略。
以下为推荐的正则方案：
const str = "!(a == b) && (c == d) ? value1 : 'value2'";
const regex = /([^\?]+)\s+\?\s+(.+?)\s+:\s+(.+)/;
const match = str.match(regex);
if (match) {
const result = match.slice(1); // 跳过完整匹配项，取捕获组
console.log(result);
// → ["!(a == b) && (c == d)", "value1", "'value2'"]
}
✅ 正则解析说明：
- ([^\?]+)：匹配 ? 之前的所有字符（至少一个），确保条件部分不包含 ?，兼容括号与空格；
- \s+\?\s+：匹配一个 ? 及其前后任意空白（增强鲁棒性）；
- (.+?)：非贪婪匹配 ? 后、: 前的内容，防止误吞后续冒号（例如 'value2' 中的单引号内无 :，安全）；
- \s+:\s+(.+)：匹配 : 及其后所有剩余内容（假值分支），因是最后一段，用贪婪 .+ 即可。
⚠️ 注意事项：
- 此正则不适用于嵌套三元表达式（如 a ? b ? c : d : e），因其依赖首个 ? 和首个 : 定位；
- 若假值分支本身含未转义的 :（如对象字面量 {a:1} 或 URL 字符串），会截断错误——此时应改用词法分析器（如 Acorn）而非正则；
- 条件中若含未闭合括号或字符串字面量（如 "a:b"），正则仍可能失效；生产环境建议配合语法校验；
- match() 返回 null 时需判空，避免 .slice(1) 报错。
? 进阶建议：
如需更高健壮性，可封装为可复用函数，并添加基础校验：
function parseTernary(str) {
const regex = /([^\?]+)\s+\?\s+(.+?)\s+:\s+(.+)/;
const match = str.match(regex);
if (!match) throw new Error('Invalid ternary expression format');
return match.slice(1);
}
该方法简洁、高效，适用于配置解析、模板引擎预处理等对嵌套无要求的场景。
