一个数组赋值给另一个数组。修改这个数组会改变原来的数组里的内容。深拷贝和浅拷贝

妖狐艹你老母 2024-04-17 05:30 62阅读 0赞

这里涉及到了数组的深拷贝和浅拷贝。

浅拷贝，两个数组会相互影响

> var arr1=\[1\];
> 
> var arr2=arr1;
> 
> arr2\[1\]=2;
> 
> console.log(arr1);// \[1, 2\]
> 
> console.log(arr2);// \[1, 2\]

上面的例子中。我只是改变了arr2里面的值。但是arr1的值竟然也随之改变了。

想要实现arr2的值改变不影响arr1就得进行深拷贝。切断两个数组之间的关联。使用扩展运算符...进行复制。或者是用`concat`或者`slice`赋值。

使用扩展运算符需要es6语法的支持。

var a = \['1','2','3'\]  
var b = \[...a\];

b\[3\]="4";

console.log(b);//\["1", "2", "3", "4"\]

console.log(a);//\["1", "2", "3"\]

b的改变不会影响a

var arr1=\[1\];

var arr2=arr1.concat(\[\]);//或者是var arr2=arr1.slice();

//上面的情况深拷贝以后。arr2==arr1.是true。也可以使用var arr4=arr1.concat();arr4也深拷贝了arr1.并且arr1!=arr4不改变原来数组的情况下，拷贝出数组 b ，且满足 b!=a。使用concat()

arr2\[1\]=3;

console.log(arr1);//\[1\]

console.log(arr2);//\[1, 3\]

sort()对数组进行排序也会影响到原来的数组。即使你只用在判断里面

var  arr1=\[3,1\];

var  arr2=\[1,3\];

if(arr1.sort().toString()==arr2.sort().toString())\{

console.log("00000")

\}

console.log(arr1);//\[1, 3\]

console.log(arr2);//\[1, 3\]

发现即使你用了sort判断也会改变原来的数组的顺序的。

### Object.assign()拷贝 ###

当对象中只有一级属性，没有二级属性的时候，此方法为深拷贝，但是对象中有对象的时候，此方法，在二级属性以后就是浅拷贝。

### **jq的$.extend(\[true/false\]，目标对，拷贝的对象)-  true的话是深拷贝，false浅拷贝会改变原来的值** ###

![20210407163133231.png][]![20210407163145306.png][]

[20210407163133231.png]: https://img-blog.csdnimg.cn/20210407163133231.png
[20210407163145306.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/a10e35d8ffcb49909be46516f13d67c6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，62人围观）

还没有评论，来说两句吧...

相关阅读

相关一个数组赋值给另一个数组。修改这个数组会改变原来的数组里的内容。深拷贝和浅拷贝

里涉及到了数组的深拷贝和浅拷贝。浅拷贝，两个数组会相互影响 > var arr1=\[1\]; > > var arr2=arr1; > > arr2\[1\]...

妖狐艹你老母/ 2024年04月17日 05:30/ 0 赞/ 63 阅读

相关 java数组深拷贝和浅拷贝_Java的深拷贝和浅拷贝

关于Java的深拷贝和浅拷贝，简单来说就是创建一个和已知对象一模一样的对象。可能日常编码过程中用的不多，但是这是一个面试经常会问的问题，而且了解深拷贝和浅拷贝的原理，对于Jav

Bertha 。/ 2023年01月10日 05:14/ 0 赞/ 221 阅读

相关 js 数组深拷贝的方法

[数组深拷贝的方法][Link 1] 方法一：for循环实现 var arr = [1,2,3,4,5] var arr2 = copyArr(arr)

谁践踏了优雅/ 2022年09月08日 04:58/ 0 赞/ 305 阅读

相关 JavaScript深拷贝和浅拷贝数组

javascript分原始类型与引用类型（与java、c\类似）。Array是引用类型，直接用“=”号赋值的话，只是把源数组的地址(或叫指针)赋值给目的数组，并没有实现数组的数

忘是亡心i/ 2022年06月14日 04:23/ 0 赞/ 221 阅读

相关 Java对象数组深拷贝

Java对象数组深复制 1.今天做项目的时候遇到了一个java数组深拷贝的问题，当时直接使用了Object对象的clone方法，结果不管用。 ArrayList<C

谁借莪１个温暖的怀抱￠/ 2022年06月12日 05:21/ 0 赞/ 189 阅读

相关 JavaScript 数组对象深拷贝与浅拷贝

JavaScript 数组对象深拷贝与浅拷贝 1.浅拷贝 var data = \["11","22","33","44"\]; var tempD

╰+攻爆jí腚メ/ 2022年06月07日 01:50/ 0 赞/ 211 阅读

相关数组（二）：渐析java的浅拷贝和深拷贝

首先来看看浅拷贝和深拷贝的定义：浅拷贝：使用一个已知实例对新创建实例的成员变量逐个赋值，这个方式被称为浅拷贝。深拷贝：当一个类的拷贝构造方法，

喜欢ヅ旅行/ 2022年05月16日 01:47/ 0 赞/ 72 阅读

相关 js实现数组浅拷贝和深拷贝

如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇

你的名字/ 2021年10月24日 02:18/ 0 赞/ 395 阅读

相关复杂数组类型的深拷贝

1、无论是组数还是对象，都可以通过JSON.parse(JSON.stringify(obj/arr))进行深拷贝 2、通过递归进行数组对象深拷贝以下代码进行参

朱雀/ 2021年09月15日 13:36/ 0 赞/ 289 阅读

相关 js数组复制给另一个空数组，改变其中一个，另一个数组也会改变

场景：在vue中，我在data定义了变量，接收到了后台的数据，数组类型我把它传递给了子组件，但是我并不想直接改变这个数据于是我定义了一个空的数组，把当前数据赋值给了

深藏阁楼爱情的钟/ 2021年08月19日 19:33/ 0 赞/ 650 阅读