根据对象本身中的布尔值，在对象中添加或避免添加属性[重复]

Question

基本上，我想知道如果变量为false，但来自对象内部，是否可以避免将属性添加到对象中。假设我有一个物体：

var obj = { foo: 'bar', bar: 'foo' };

现在我想重写同一个对象，但我只想在新变量（布尔值）为真的情况下添加第二个属性。问题是我如何做到这一点，例如使用这样的三元运算符：

var add = false;
var obj = {
  foo: 'bar',
  (add ? bar: 'foo': null)
};

我想要避免的是：

...
bar: ( add ? 'foo' : undefined )

因为我不想在add==false的情况下使用条索引。此外，赋值必须在对象的内部（这是一个关于它是否可行的问题），因为这样的东西不是我想要的：

...
if (!add) delete obj.bar; // This would be after the creation of the whole object

解决方法

显然，这可以通过多种方式实现，但我还没有发现任何可以在对象本身内部实现的方法。我可以使用一个三元运算符，有两个这样的对象：

var obj = add ? {
  foo: 'bar',
  bar: 'foo'
} : { foo: 'bar' };

但这会导致代码重复（当对象具有更多属性时）。

编辑我想说我的问题与重复项略有不同，因为我的问题是指在对象内部进行，而不是在其声明之后，也不是在var obj={...}之间的任何事情。有一个公认的答案，但我希望有人知道任何其他不使用扩展运算符的方法。谢谢大家

Answer 1

为了达到预期的结果，使用下面的选项，根据单独行中的条件添加属性

https://codepen.io/nagasai/pen/ebQmrb?editors=1010

js prettyprint-override">var add = false;
var obj = { foo: 'bar'};
if(add){
  obj.bar = 'foo'
}

console.log(obj)

Answer 2

使用spread操作符的一种快速方法：

const condition = false;

const foo = {
  bar: 'baz',
  ...(condition ? {
    boz: 'bat'
  } : {})
};

console.log(foo);