如何根据条件动态创建JavaScript对象属性？寻求更优实现

你可以使用ES6+的对象展开结合逻辑短路求值的写法，这是目前最简洁且高效的方案：

const foo = {
  ...(someCondition && { a: true }),
  b: 'b'
};

原理说明 #

利用逻辑与（&&）的短路特性：

• 当someCondition为真时，表达式someCondition && { a: true }会返回{ a: true }，通过展开运算符...将这个对象的属性合并到最终的foo中；
• 当someCondition为假时，表达式返回false，展开布尔值不会对原对象产生任何影响，最终foo仅包含b: 'b'。

这种写法相比你之前的三元展开方案更高效——条件不满足时不会创建额外的空对象，同时保持了对象创建为单一表达式的简洁性。

其他可选方案对比 #

1. 事后添加属性

const foo = { b: 'b' };
if (someCondition) foo.a = true;

这种写法简单直观，但会将对象的创建逻辑拆分为多个步骤，若需要保持对象的不可变性（比如后续不想修改foo），这种方式就不太合适。

2. 使用Object.defineProperty

const foo = { b: 'b' };
if (someCondition) Object.defineProperty(foo, 'a', { value: true });

仅当你需要自定义属性的特性（比如不可枚举、不可修改等）时才推荐使用，否则写法过于繁琐，和事后直接赋值的效果基本一致。

3. 多条件属性扩展
   如果需要添加多个依赖不同条件的属性，可以直接扩展写法：

const foo = {
  b: 'b',
  ...(cond1 && { a: true }),
  ...(cond2 && { c: 'c' }),
  ...(cond3 && { d: 123 })
};

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