如何正确克隆JavaScript对象？ - Code

我有一个对象x。我想将其复制为对象y，这样对y的更改不会修改x。我意识到复制从内置JavaScript对象派生的对象会导致额外的、不需要的财产。这不是问题，因为我正在复制我自己的一个文字构造对象。

如何正确克隆JavaScript对象？

当前回答

使用默认值（历史上特定于nodejs，但由于现代JS，现在可以从浏览器中使用）：

import defaults from 'object.defaults';

const myCopy = defaults({}, myObject);

2019-01-23 19:39:07

其他回答

我为这个问题提供了答案，因为我在这里没有看到任何解决DOM元素问题的本地递归实现。

问题是＜element＞具有父属性和子属性，这些属性链接到具有父值和子值的其他元素，这些元素指向原始＜element＞，从而导致无限递归或循环冗余。

如果你的目标是安全简单的

{
    '123':456
}

……那么这里的任何其他答案都可能奏效。

但如果你有。。。

{
    '123':<reactJSComponent>,
    '456':document.createElement('div'),
}

…那么你需要这样的东西：

    // cloneVariable() : Clone variable, return null for elements or components.
var cloneVariable = function (args) {
    const variable = args.variable;

    if(variable === null) {
            return null;
    }

    if(typeof(variable) === 'object') {
            if(variable instanceof HTMLElement || variable.nodeType > 0) {
                    return null;
            }

            if(Array.isArray(variable)) {
                    var arrayclone = [];

                    variable.forEach((element) => {
                            arrayclone.push(cloneVariable({'variable':element}));
                    });

                    return arrayclone;
            }

            var objectclone = {};

            Object.keys(variable).forEach((field) => {
                    objectclone[field] = cloneVariable({'variable':variable[field]});
            });

            return objectclone;
    }

    return variable;
}

2018-04-27 14:44:44

本文来自Brian Huisman的《如何在Javascript中复制数组和对象》：

Object.prototype.clone = function() {
  var newObj = (this instanceof Array) ? [] : {};
  for (var i in this) {
    if (i == 'clone') continue;
    if (this[i] && typeof this[i] == "object") {
      newObj[i] = this[i].clone();
    } else newObj[i] = this[i]
  } return newObj;
};

2009-04-08 03:13:46

使用jQuery，可以使用extend进行浅层复制：

var copiedObject = jQuery.extend({}, originalObject)

对copiedObject的后续更改不会影响originalObject，反之亦然。

或制作深度副本：

var copiedObject = jQuery.extend(true, {}, originalObject)

2011-03-02 06:36:13

function clone(obj) {
    if(obj == null || typeof(obj) != 'object')
        return obj;    
    var temp = new obj.constructor(); 
    for(var key in obj)
        temp[key] = clone(obj[key]);    
    return temp;
}

2009-04-08 03:16:14

对克隆简单对象感兴趣：

JSON.parse（JSON.stringify（JSON_inoriginal））；

来源：如何通过引用将JavaScript对象复制到新变量NOT？

2015-08-27 09:20:24

aliyun