你也可以这样尝试:

Const arr = [{ “描述”:“星期四”, “数”:“1”, “日期”:“2019-12-05” }， ｛ “描述”:“星期三”, “数”:“0”, “日期”:“2019-12-04” }) Const res = arr。Map (value => { 返回{[value.description]: {count: value。计数、日期:值。日期 }) console.log (res);

我找不到一个简单的例子来说明ES6和ES5之间的区别，所以我做了一个。两个代码示例都创建了完全相同的对象。但是ES5的例子也适用于较老的浏览器(如IE11)，而ES6的例子则不能。

ES6

var matrix = {};
var a = 'one';
var b = 'two';
var c = 'three';
var d = 'four';

matrix[a] = {[b]: {[c]: d}};

ES5

var matrix = {};
var a = 'one';
var b = 'two';
var c = 'three';
var d = 'four';

function addObj(obj, key, value) {
  obj[key] = value;
  return obj;
}

matrix[a] = addObj({}, b, addObj({}, c, d));

给定的代码:

var thetop = 'top';
<something>.stop().animate(
    { thetop : 10 }, 10
);

翻译:

var thetop = 'top';
var config = { thetop : 10 }; // config.thetop = 10
<something>.stop().animate(config, 10);

正如你所看到的，{thetop: 10}声明没有使用变量thetop。相反，它创建了一个具有名为thetop键的对象。如果你想让键值是顶部变量的值，那么你必须在顶部使用方括号:

var thetop = 'top';
var config = { [thetop] : 10 }; // config.top = 10
<something>.stop().animate(config, 10);

方括号语法已在ES6中引入。在JavaScript的早期版本中，您必须执行以下操作:

var thetop = 'top';
var config = (
  obj = {},
  obj['' + thetop] = 10,
  obj
); // config.top = 10
<something>.stop().animate(config, 10);

2020年更新/ example.com ...

一个更复杂的例子，使用括号和字面量…您可能需要做一些事情，例如使用vue/axios。把文字用括号括起来，所以

['…]']

{
    [`filter[${query.key}]`]: query.value,  // 'filter[foo]' : 'bar'
}

这样也可以实现预期的输出

var jsonobj={}; 变量计数=0; $（document）.on（'click'，'#btnadd'， function（） { jsonobj[count]=new Array（{ “1” ： $（“#txtone”）.val（）}，{ “2” ： $（“#txttwo”）.val（）}）; 计数++; console.clear（）; console.log（jsonobj）; }); <script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> <span>值 1</span><输入 id=“txtone” 类型=“文本”/> <span>值 2</span><输入 id=“txttwo” 类型=“文本”/> <按钮 id=“btnadd”>添加</button>

你可以这样做:

var thetop = 'top';
<something>.stop().animate(
    new function() {this[thetop] = 10;}, 10
);