研究数组和对象的深拷贝 浅拷贝

对于数组的深拷贝,浅拷贝网上的资料比较杂,自己整理一下,如有错误,请指出。

首先什么是深拷贝,浅拷贝,

大多数的说法是 深拷贝在复制数组的时候,在计算机中新开辟了一块内存,存放新复制的对象。原数组改变不影响复制的数组

浅拷贝是只是复制了原数组的引用,两个数组指向同一个地址,改变一个,另一个随着改变。

还有一种说法是如果数组中对象包含其他属性,浅复制不会全都复制,深拷贝是全都拷贝了。

即:浅拷贝是指拷贝对象时仅仅拷贝对象本身(包括对象中的基本变量),而不拷贝对象包含的引用指向的对象。深拷贝不仅拷贝对象本身,而且拷贝对象包含的引用指向的所有对象。举例来说更加清楚:对象A1中包含对B1的引用,B1中包含对C1的引用。浅拷贝A1得到A2,A2 中依然包含对B1的引用,B1中依然包含对C1的引用。深拷贝则是对浅拷贝的递归,深拷贝A1得到A2,A2中包含对B2(B1的copy)的引用,B2 中包含对C2(C1的copy)的引用。

稍微总结了一下,深拷贝和浅拷贝应包括这两种情况

即:深拷贝指的是对象A复制给对象B时,A和B指向的不是同一个对象,通时A的对象成员AA和B的对象成员BB也指的不是同一个对象,如有更深层对象,以此类推。

浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象。

javascript深拷贝方法:

    1.slice 

     var arrA=['a','b','c'];
  var arrB=arrA.slice(0);
  arrB[0]='aa';
  console.log(arrA);

console.log(arrB);

2.concat

  var arrA=['a','b','c'];
  var arrB=arrA.concat();
  arrB[0]='aaa';
  console.log(arrA);

console.log(arrB);

3.挨个循环

     for (var i = 0; i < arrA.length; ++i) {
           arrB[i] = arrA[i];

       }

1.Java深复制 clone

int[] intArrB=intArrA.clone();

2.arraycopy

System.arraycopy(intArrA,0,intArrB,0,intArrA.length)

java,javascript 共通方法:利用递归,挨个复制:

    以js为例:

function copy( sourceObj , c) {
    var c = c || ( Array.isArray(sourceObj) ? [ ] : {} );
    for (var i in sourceObj) {
        if (typeof sourceObj[i] === 'object') {
            c[i] = Array.isArray(sourceObj[i])  ? [] : {};
            copy (sourceObj[i], c[i]);
        } else {
            c[i] = sourceObj[i];
        }
    }
    return c;

}


测试了一下,java的clone和arrayCopy也只是一层深拷贝,如果对象还有对象,则需要重写clone或者用递归

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在Vue中,我们通常使用拷贝拷贝来复制Vue对象,这两种方法都有其适用的场景和局限性。 1. 拷贝拷贝是指将对象的引用复制到新变量中,新变量只是指向原始对象的内存地址,这意味着如果我们对新对象进行更改,原始对象也会发生更改。 Vue提供了一种拷贝对象的方法,可以使用`Object.assign()`或展开运算符`...`,例如: ```javascript let original = { name: 'John', age: 30, address: { city: 'New York', country: 'USA' } } // 使用 Object.assign() 进行拷贝 let copy = Object.assign({}, original) // 使用展开运算符 ... 进行拷贝 let copy2 = {...original} ``` 在上面的示例中,如果我们更改新的对象中的“address”属性,原始对象也会发生更改,因为它们指向同一个内存地址。 2. 拷贝拷贝是指将对象及其所有嵌套属性的值复制到新变量中,而不是只复制原始对象的引用。这意味着对新对象进行更改不会影响原始对象。 Vue不提供默认的拷贝方法,但是可以使用第三方库如Lodash中的`cloneDeep()`方法或JSON的`parse()`和`stringify()`方法来进行拷贝。 ```javascript let original = { name: 'John', age: 30, address: { city: 'New York', country: 'USA' } } // 使用 Lodash 的 cloneDeep() 方法进行拷贝 let copy = _.cloneDeep(original) // 使用 JSON.parse() 和 JSON.stringify() 进行拷贝 let copy2 = JSON.parse(JSON.stringify(original)) ``` 在上面的示例中,如果我们更改新的对象中的“address”属性,原始对象不会发生更改,因为它们指向不同的内存地址。 需要注意的是,使用`JSON.parse()`和`JSON.stringify()`进行拷贝时,有一些情况下无法复制对象的一些特定属性,例如函数、RegExp、Date等,因为它们无法被序列化成字符串。在这种情况下,需要使用其他库或自己编写递归复制对象的代码。 ### 回答2: Vue对象拷贝拷贝是在处理对象拷贝时涉及到的两种不同的操作方法。 拷贝是指在拷贝对象时,只拷贝对象的第一层属性值,当源对象和目标对象的属性值是基本数据类型时,目标对象的属性值会完全独立于源对象,但是当属性值是引用类型时,源对象和目标对象的属性值指向同一个内存地址。 例如,在Vue中,我们可以使用拷贝来创建一个新的对象,并对其进行修改,而不影响原始对象的值: ```javascript let source = { name: 'Alice', age: 20, skills: ['JavaScript', 'Vue'] }; let copy = Object.assign({}, source); copy.name = 'Bob'; copy.skills.push('React'); console.log(source); // { name: 'Alice', age: 20, skills: ['JavaScript', 'Vue', 'React'] } console.log(copy); // { name: 'Bob', age: 20, skills: ['JavaScript', 'Vue', 'React'] } ``` 从上面的例子中可以看出,拷贝只是拷贝对象的第一层属性,当修改拷贝对象的属性时,原始对象的值不会受到影响。但是对象中的引用类型属性(如数组)在拷贝中是共享的,因此对拷贝对象的引用类型属性进行修改,会影响到原始对象的值。 相比之下,拷贝是指在拷贝对象时,递归地拷贝对象的所有层级属性,即使属性值是引用类型,也会在内存中重新创建一个新的引用地址。这样可以实现完全独立的对象拷贝,互不影响。 在Vue中,我们可以使用一些库和方法来实现对象拷贝,如`lodash`库的`cloneDeep`方法或者`JSON.parse(JSON.stringify(obj))`。 然而,需要注意的是对于包含循环引用的对象,使用普通的拷贝方法可能会导致无限递归,进而导致程序崩溃。因此,在实际开发中,对于包含循环引用的对象,需要格外小心处理。 ### 回答3: Vue对象拷贝拷贝是指对Vue对象进行复制的两种不同方式。 拷贝是将原始对象的引用复制一份给新的对象,新对象与原对象共享同一块内存地址。当修改新对象的属性时,原对象的对应属性也会随之改变。这是因为拷贝只复制了对象的引用,对于引用类型的属性,只是复制了指向同一块内存地址的指针。既然指针指向同一块内存地址,那么无论是新对象还是原对象,当修改该对象的属性时,都会影响到另一个对象拷贝是创建一个新的对象,并且递归地复制原对象中的所有属性和子属性。拷贝会完全复制对象及其引用类型属性所指向的内存地址,即使是嵌套的引用类型属性也会一一复制。当修改新对象的属性时,原对象的对应属性不会受到影响,因为它们指向的是两块独立的内存地址。 在Vue开发中,数据的响应式是基于对象的引用关系实现的。当使用拷贝进行数据复制时,新对象仍然会指向原对象的引用地址,导致新对象的修改也会影响到原对象,这可能会导致数据更新的不一致性。因此,在需要对Vue对象进行复制时,通常会使用拷贝来创建一个独立的对象,以保持数据的一致性和独立性。可以使用一些第三方库(如lodash的cloneDeep方法)或者自定义递归方法来实现拷贝

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值