是否有较短的语法用于在对象中有条件地设置属性？[副本]

Question

我正试图找到一个既有形式又有功能的解决方案。下面是两个问题的例子，一个是功能失调，但具有我想要达到的形式水平，另一个是功能失调，但繁琐。

const foo = "Spam";
const bar = () => "Ham";
const qux = (bool) => bool ? "Eggs" : "Beans";

// This is roughly the level of succintless I'd like to achieve
function genObjectPretty(request) { 
  return {
    foo: request.foo && foo,
    bar: request.bar && bar(),
    qux: request.qux && qux(true),
  }
}

console.log("BAD results, with SHORT code.  (bar should not be included)")
console.log(genObjectPretty({foo: true, qux: true}));


// This is the working code which I'd like to make less verbose
function genObjectFunctional(request) { 
  const out = {};
  if (request.foo) { out.foo = foo; }
  if (request.bar) { out.bar = bar(); }
  if (request.qux) { out.qux = qux(true); }
  return out;
}

console.log("GOOD results, but LONG code")
console.log(genObjectFunctional({foo: true, qux: true}));

上面的例子是我正在做的一个非常简短的版本，只包括3个属性。在实践中，我有更多，所以如果（this=that）}的数量越来越多。。。不是失控，而是丑陋。我希望它看起来不那么毛茸茸的。

无论如何，有没有什么js技巧可以有条件地不设置对象的属性？

我对使用助手函数持开放态度，或者在最后有几行。就像我说的，在实践中，我试图清理的不仅仅是3行。

Answer 1

您可以传播未定义的对象或获取具有所需属性/值的对象。结果要么是没有属性，要么是具有值的所需属性。

js prettyprint-override">function genObjectPretty(request) { 
    return {
        foo: request.foo && foo,
        ...request.bar && { bar: bar() },
        qux: request.qux && qux(true),
    };
}

const foo = "Spam";
const bar = () => "Ham";
const qux = (bool) => bool ? "Eggs" : "Beans";

console.log(genObjectPretty({ foo: true, qux: true }));