在条件运算符中使用扩展运算符报错，如何修正该代码？

你遇到的问题是因为展开运算符(...)不能作为三元表达式的独立分支——三元的每个分支必须是合法的表达式，而...insertValues本身不是一个有效的表达式，它只能在数组字面量或者函数参数列表中使用。

下面提供两种符合你需求的修复方式：

方式一：统一分支为数组后整体展开 #

把三元表达式的两个分支都处理成数组，再用展开运算符传递给splice，这样既符合语法要求，又能实现你的逻辑：

const arr = [1, 2, 3];
const insertValues = [-1, 0];
const condition = true;

// 条件为true时展开insertValues的元素；为false时把insertValues作为单个元素插入
arr.splice(0, 0, ...(condition ? insertValues : [insertValues]));

方式二：拆分条件判断（可读性更高） #

如果逻辑不算复杂，直接用if/else拆分代码会更直观，避免语法上的混淆：

const arr = [1, 2, 3];
const insertValues = [-1, 0];
const condition = true;

if (condition) {
  arr.splice(0, 0, ...insertValues);
} else {
  arr.splice(0, 0, insertValues);
}

内容的提问来源于stack exchange，提问作者Mike K