Java教程

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补充----深拷贝和浅拷贝的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!