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

  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;
        }
    }

 

posted @ 2017-12-23 00:43  前端大兵  阅读(557)  评论(0编辑  收藏  举报