在JavaScript中，如何有条件地向对象添加成员？

Question

我想创建一个有条件添加成员的对象。简单的方法是：

var a = {};
if (someCondition)
    a.b = 5;

现在，我想写一段更地道的代码。我正在尝试：

a = {
    b: (someCondition? 5 : undefined)
};

但是现在，b是a的成员，其值是未定义的。这不是期望的结果。

有什么方便的解决方案吗？

使现代化

我寻求一种能够处理几个成员的一般情况的解决方案。

a = {
  b: (conditionB? 5 : undefined),
  c: (conditionC? 5 : undefined),
  d: (conditionD? 5 : undefined),
  e: (conditionE? 5 : undefined),
  f: (conditionF? 5 : undefined),
  g: (conditionG? 5 : undefined),
 };




Answer 1

在纯Javascript中，我想不出比您的第一个代码片段更惯用的了。

但是，如果使用jQuery库不是不可能的，那么$.扩展（）应该满足您的要求，因为正如留档所说：

不复制未定义的属性。

因此，你可以写：

var a = $.extend({}, {
    b: conditionB ? 5 : undefined,
    c: conditionC ? 5 : undefined,
    // and so on...
});

并获得您期望的结果（如果条件B为false，则b将不存在于a中）。

Answer 2

const obj = {
   ...(condition) && {someprop: propvalue},
   ...otherprops
}

现场演示：

js prettyprint-override">const obj = {
  ...(true) && {someprop: 42},
  ...(false) && {nonprop: "foo"},
  ...({}) && {tricky: "hello"},
}

console.log(obj);

Answer 3

我认为@InspiredJW用ES5做到了这一点，正如@trincot指出的，使用es6是一种更好的方法。但我们可以通过使用扩展运算符以及逻辑和短路评估来添加更多的糖：

const a = {
   ...(someCondition && {b: 5})
}