JavaScript中如何有条件地初始化对象属性？

当然有办法在对象初始化时就条件性添加属性，不用事后逐个赋值，下面是几种简洁的实现方式：

1. 扩展运算符 + 短路求值（推荐） #

利用扩展运算符...结合逻辑与&&，可以在一行内完成条件属性的添加。当变量为真值（非null/undefined/false/""/0等）时，对应的属性会被加入对象；如果是假值，则不会添加。

let optionA = "Some option";
let optionB = null;
let optionC = 0; // 0是假值，不会被添加

const obj = {
  id: 1,
  name: "Object 1",
  ...(optionA && { optionA }),
  ...(optionB && { optionB }),
  ...(optionC && { optionC })
};

console.log(obj);
// 输出：{ id: 1, name: "Object 1", optionA: "Some option" }

如果需要仅排除null和undefined（允许空串、0等假值属性），可以用!= null做判断：

...(optionA != null && { optionA })

2. 三元运算符增强可读性 #

如果觉得短路求值不够直观，用三元运算符可以更明确地表达条件逻辑：

const obj = {
  id: 1,
  name: "Object 1",
  ...(optionA != null ? { optionA } : {})
};

当条件成立时扩展属性对象，否则扩展空对象（不产生任何变化）。

关于你提到的fetch场景的说明 #

你看到fetch中optionA被移除的现象，本质是JSON.stringify()的特性：它会自动忽略值为undefined的属性。但此时你初始化的对象本身其实是包含optionA: undefined的，只是序列化后被剔除了。如果要让对象本身就不包含该属性，还是要用上面的扩展运算符方法。

内容的提问来源于stack exchange，提问作者mr.incredible