将索引项附加到对象的正确 ES6 方式是什么？答案

【问题标题】：What is the proper ES6 way for appending an indexed item to an Object?将索引项附加到对象的正确 ES6 方式是什么？
【发布时间】：2017-06-08 04:00:34
【问题描述】：

如果我有这样的对象：

var state = { 10: [Object], 12: [Object, Object], 13: [Object, Object, Object] }

我想在其中一个子数组的末尾添加一个新对象，而不改变原始对象。相反，通过 ES6 返回一个新对象：

我承认我对不可变对象和 ES6 的理解很愚蠢。这是我第一次尝试，但这（出于显而易见的原因）不起作用。

  return  {
    ...state,
    [12]:
      state[12], Object
  }

有人知道产生这个的正确语法吗？：

var state = { 10: [Object], 12: [Object, Object, Object], 13: [Object, Object, Object] }
                                                 ^---- One extra object at the end of `12`

【问题讨论】：

它是对象传播语法，但它处于第 2 阶段标准提案中。 redux.js.org/docs/recipes/UsingObjectSpreadOperator.html

标签： javascript reactjs ecmascript-6 redux immutability

【解决方案1】：

听起来你在寻找

return Object.assign({}, state, {12: state[12].concat([newObject])});

或使用 ES6 数组扩展语法

return Object.assign({}, state, {12: [...state[12], newObject]});

或使用实验对象传播语法

return {...state, 12: [...state[12], newObject]};

【讨论】：