动态对象属性 javascript

Question

是否有 javascript es6 或 es-next 的语法来实现以下行为

let t = {
    text: 'hello world',
    [shouldShow ? ...{'show' : 'test text'} : ''],
    test: 21
}

我希望如果 shouldShow 为真对象 t 应该是

{
    text: 'hello world',
    show: 'test text',
    test: 21
}

如果 shouldShow 为 false，则对象 t 将是

{
    text: 'hello world',
    test: 21
}

我知道，我可以用 if/else 做到这一点，但我想问是否有一种语法可以只用于一行代码

Answer 1

希望这能解决：

如果您希望 show 属性在 shouldShow 为 false 时存在，请尝试以下操作：

// this would give show:"" when shouldShow is false, else it will give show="test text"
let shouldShow = false;
let t = {
  text: "hello world",
  show: shouldShow ? "test text" : "",
  test: 21
}; 

如果您希望将其从对象本身中删除，请尝试此操作，

// this would make show="test text" when shouldShow is true else remove it from "t"
let shouldShow = true;
let t = {
  text: "hello world",
  test: 21
};
t = shouldShow ? { ...t, show: "test text" } : t;