数组条件插入元素报错：e为false时提示不可迭代

当参数e为false时，这段代码会触发迭代错误：

const checkList = [ ...(e && [{ orderId: "Ord_sdDerd124dsdcv"}])];

原因如下：

• 逻辑与运算符&&的特性是：如果左操作数为假值（这里e是false），会直接返回左操作数，也就是false。
• 数组的扩展运算符...要求右侧必须是可迭代对象（比如数组、字符串、Map等），但false是布尔值，不具备迭代能力，因此会抛出TypeError: ... is not iterable的错误。

顺带解释下对象扩展为什么没问题：

const deliveryList = { ...(e && { isActive: true}) };

对象扩展运算符遇到非对象值时会直接忽略，不会报错——这是数组扩展和对象扩展的行为差异，也是只有数组部分报错的核心原因。

给数组部分加兜底的空数组，确保扩展运算符始终作用于可迭代对象：

// 写法1：三元表达式
const checkList = [ ...(e ? [{ orderId: "Ord_sdDerd124dsdcv"}] : [])];
// 写法2：利用||的短路特性
const checkList = [ ...(e && [{ orderId: "Ord_sdDerd124dsdcv"}] || [])];

这样当e为false时，扩展的是空数组，不会再触发迭代错误。

内容的提问来源于stack exchange，提问作者Dev Scott