javascript高级部分02补充----深拷贝和浅拷贝

本文主要是介绍javascript高级部分02补充----深拷贝和浅拷贝，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

对象的浅拷贝：

    var obj1 = {
            name: 'zhangsan',
            age: 15
        }
        var obj2 = obj1;
        obj1.say = function() {
            console.log('说话');
        };
        console.log(obj1);
        console.log(obj2);

把obj1赋值给obj2，会发现当obj1中添加一个方法时，obj2也会跟着改变，这是因为对象是存储在堆内存中的，
obj1和obj2的栈内存中的内容都指向同一个地址，当有一个对象里面的内容改变的时候，堆内存中有会开辟一块新的地址，
使obj1和obj2的栈内存中的指向又变成了一个新的指向。

深拷贝的几种方式：
数组的深拷贝：
1.1 for循环变量

var arr1 = [1, 2, 3];
        var arr2 = [];
        for (var i = 0; i < arr1.length; i++) {
            arr2.push(arr1[i])
        }
        console.log(arr2); //[1,2,3]
        arr2.push(2);
        console.log(arr2); //[1,2,3,2]
        console.log(arr1); //[1, 2, 3]

1.2 slice方法

var arr1 = [1, 2, 3];
        var arr2 = arr1.slice(0);
        console.log(arr2); //[1,2,3]
        arr2.push(2);
        console.log(arr2); //[1,2,3,2]
        console.log(arr1); //[1, 2, 3]

1.3 contact方法

var arr1 = [1, 2, 3];
        var arr = [];
        var arr2 = arr.concat(arr1);
        console.log(arr2); //[1,2,3]
        arr2.push(2);
        console.log(arr2); //[1,2,3,2]
        console.log(arr1); //[1, 2, 3]

对象的深拷贝：
for…in…遍历

var obj1 = {
            name: 'zhangsan',
            age: 15
        }
        var obj2 = {};
        for (var key in obj1) {
            console.log(key);
            obj2[key] = obj1[key];
        }
        console.log(obj2);
        obj1.say = function() {
            console.log('说话');
        };
        console.log(obj1);  //有say方法
        console.log(obj2);  //没有say方法

需要注意的是，这三种数组深拷贝和一种对象深拷贝的方法，是对于数组和对象里面的内容比较简单一些而起作用的，一旦数组或者对象里面的内容比较复杂时就不会适用，需要进一步深拷贝。

这篇关于javascript高级部分02补充----深拷贝和浅拷贝的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！