对象属性名称中的变量

Question

我想设置这样的对象:

var x = 20;
var y = 30;
var z = {
         values: { 
                  x: '24',
                  y: '60'  }, 
         value: x
         };

我希望变量z看起来:

var z = {
         values: { 
                  20: '24',
                  30: '60'  }, 
         value: 20
         };

Answer 1

把它们放在square托架中.这通常称为计算属性名称,它允许将变量放入将被计算的方括号中

var x = 20;
var y = 30;
var z = {
  values: {
    [x]: '24',
    [y]: '60'
  },
  value: x
};

console.log(z)