非指针 复制对象和数组的两种方法

Posted 2020-10-18 杨 小匠

　　JS在复制对象的时候，复制的是指针。有复制关系的两个对象，一个改变时另一个的值也跟着变了。数组也是对象，也存在这种现象。

　　实现对象的非指针复制的最简单方法：

  var obj2 = JSON.parse(JSON.stringify(obj1));

　　原理就是利用JSON方法，先将对象obj1转成字符串，再解析为对象赋值给obj2。这样obj1和obj2就指向内存中的不同对象了，虽然值一样，但是检测 obj1==obj2 得到 false 。

题外话：对象和数组的相等判断，得到的结果不是字面量一不一样，而是其指针是否指向同一个对象地址。

　　为了让方法更有普适性，可以写成下面这样：

    function copy(obj){
    	var newObj = "";
    	if(typeof obj=="object"){
    		newObj = JSON.stringify(obj);
    		return JSON.parse(newObj);
    	}else{
    		return newObj;
    	}
    }

    var obj1 = {a:1, b:2};
    var obj2 = copy(obj1);
    obj2.a = 11;
    console.log(obj1.a); // 1
    obj1 == obj2; // fasle

　　另一种方法，是利用遍历，查询所有属性并单独复制。这需要区分数组和对象，为了进行深度复制，还需要进行递归：

    function copy(obj) {
        if (obj instanceof Array == true) {
            var newObj = [];
            for (var i = 0; i < obj.length; i++) {
                newObj[i] = obj[i];
            }
            return newObj;
        } else if (typeof obj == "object" && obj != null) {
            var newObj = {};
            for (var i in obj) {
                if (typeof obj[i] == "object") {
                    newObj[i] = copy(obj[i])
                } else {
                    newObj[i] = obj[i];
                }
            }
            return newObj;
        } else {
            return obj;
        }
    }