javascript - 在 ES6 中声明新数组？这是在做什么

Question

有人可以向我解释一下这是在做什么吗？

[blog.id]: blog

我假设它正在创建一个新数组，其中 blog.id 作为一个元素，示例 id/key 为 4，而 blog 是等于该元素的内容集。

 export default function(state = {}, action) {
      switch (action.type) {
        case FETCH_BLOG:
          const blog = action.payload;
          return { ...state, [blog._id]: blog };
        case FETCH_BLOGS:
          return { ...state, ...mapKeys(action.payload, '_id') };
        default:
          return state;
      }
    }

Answer 1

这是一个计算出的属性键:Computed property names (ES2015)和 Object Spread Syntax .

它创建一个新对象，其中包含 state 拥有的所有键/值(这就是 ...state 所做的)，其名称为该对象的解析的键属性 blog._id ，其值为 blog。

因此，如果blog._id是“foo”并且blog是“bar”，

返回的对象是:

{
  "all": "the",
  "key": "vals",
  "state": "had",

  // along with the new key/val
  "foo": "bar"
}