在ES6中使用spread语法进行深度复制

Question

我正在尝试为我的Redux项目创建一个将使用对象而不是数组的深度复制映射方法。我读到在Redux中，每个状态都不应该改变前面状态中的任何东西。

export const mapCopy = (object, callback) => {
    return Object.keys(object).reduce(function (output, key) {

    output[key] = callback.call(this, {...object[key]});

    return output;
    }, {});
}

    return mapCopy(state, e => {

            if (e.id === action.id) {
                 e.title = 'new item';
            }

            return e;
        })

export const mapCopy = (object, callback) => {
    return Object.keys(object).reduce(function (output, key) {

    let newObject = {...object[key]};
    newObject.style = {...newObject.style};
    newObject.data = {...newObject.data};

    output[key] = callback.call(this, newObject);

    return output;
    }, {});
}

Answer 1

ES6没有内置这样的功能。我认为你有几个选择取决于你想做什么。

如果你真的想要深度复制：

1. 使用库。例如，lodash具有CloneDeep方法。
2. 实现您自己的克隆函数。

mapCopy(state, e => {
  if (e.id === action.id) {
    return Object.assign({}, e, {
      title: 'new item'
    });
  } else {  
    return e;
  }
});

mapcopy现在可以非常简单了：

export const mapCopy = (object, callback) => {
  return Object.keys(object).reduce(function (output, key) {
    output[key] = callback.call(this, object[key]);
    return output;
  }, {});
}

本质上，mapcopy信任其调用方做正确的事情。这就是为什么我说这假设你控制所有呼叫站点。