javascript - 在javascript中没有对象引用的情况下将对象数组复制到另一个数组(深层复制)

Question

我有一个场景，我需要将对象数组(主数组)复制到另一个临时数组，如果我对主数组进行任何修改，它基本上不应该有对象引用，它不应该反射(reflect)在临时数组中，这样我将独立保存副本。

我使用了堆栈溢出中的代码片段之一，这个代码片段在一定程度上类似于如果我从主数组中删除所有对象，临时数组仍然保留该值但是当我在主数组中进行一些修改并单击取消按钮时，我正在删除主数组中的所有对象使用 array.Removeall();但修改仍然存在于 Temp 数组中，这意味着该对象具有引用。

clone: function (existingArray) {
  var newObj = (existingArray instanceof Array) ? [] : {};
  console.debug('newObj value is ' + newObj);
  for (i in existingArray) {
    console.debug('i value is' + i);
    if (i == 'clone') continue;
    console.debug('existingArray[i] value ' + existingArray[i]);
    if (existingArray[i] && typeof existingArray[i] == "object") {

      newObj[i] = this.clone(existingArray[i]);
    } else {
      console.debug('in else part ' + existingArray[i]);
      newObj[i] = existingArray[i];
    }
  }
  return newObj;
}

我的对象结构是这样的

我正在使用 knockout 框架。

newObjectCreation = function (localIp, RemoteIp, areaId) {
  this.localIP = ko.observable(localIp);
  this.remoteIP = ko.observable(RemoteIp);
  this.areaId = ko.observable(areaId);
};

template.ProtocolArray.push(new newObjectCreation('', '', '')); // to create default row

请在这方面帮助我。提前致谢。

Answer 1

让我明白:您不想只拥有一个新数组，而是想为数组本身中存在的所有对象创建一个新实例？因此，如果您修改临时数组中的对象之一，该更改不会传播到主数组？

如果是这种情况，则取决于您在主数组中保留的值。如果这些对象是简单的对象，并且可以用JSON序列化，那么最快的方法是:

var tempArray = JSON.parse(JSON.stringify(mainArray));

如果您有更复杂的对象(例如由您自己的构造函数、html 节点等创建的实例)，那么您需要一种特别的方法。

编辑:

如果您的 newObjectCreation 上没有任何方法，您可以使用 JSON，但构造函数不会相同。否则你必须手动复制:

var tempArray = [];
for (var i = 0, item; item = mainArray[i++];) {
    tempArray[i] = new newObjectCreation(item.localIP, item.remoteIP, item.areaId);
}