js数组深复制和浅复制的区别

最新推荐文章于 2024-01-26 18:07:16 发布
最新推荐文章于 2024-01-26 18:07:16 发布
阅读量506 收藏 1
点赞数
分类专栏： javascript 文章标签： javascript array 深浅复制
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KKKun_Joe/article/details/78095041
版权

js数组的复制分为深复制和浅复制，深复制完全就是两个数组，而浅复制会带来很多问题，比如说有数组A，浅复制数组B，你改了B数组中的元素，A数组中的元素也会跟着改变。例：


深复制方法好像有很多，我用了slice方法

Array.slice()
浅复制会带来很多危害，注意点，因为我就栽过跟头

程序员阿坤
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于JS中深度复制对象及浅复制的初步介绍
weixin_54015270的博客
03-18 120
关于JS深度复制对象 浅复制的简单介绍 可以用对象复制的方法进行浅复制： var o = {a:1,b:2}; var o1 = o; console.log(o1); 这样以最简单的赋值方法进行复制，则会产生一个问题，即当o1进行修改，对象o也会被修改，如： var o = {a:1,b:2}; var o1 = o; o1.b=10; console.log(o); console.log(o1); 当这样对o1进行修改，则o的值也相应被改变，结果如下 由上，出现这种情况是因为o和o1
JS赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）实例详解
11-20
本文实例讲述了JS赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）。分享给大家供大家参考，具体如下： 深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。  浅拷贝 只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用，我们把这种拷贝叫做浅拷贝（浅复制） 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 赋值和浅拷贝的区别 当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪
js实现数组浅拷贝和深拷贝
热门推荐
遇见小美好
05-25 3万+
JavaScript实现数组的深拷贝、浅拷贝 var arr = ['old', 1, true, null, undefined]; var new_arr = arr.concat(); // 或者var new_arr = arr.slice()也是一样的效果; new_arr[0] = 'new'; console.log(arr); // ["ol......
js中数组的浅拷贝和深拷贝
qq_40981137的博客
09-20 384
一、什么是浅拷贝和深拷贝 1、浅拷贝：只是复制了对象的引用地址，两个对象指向同一个内存地址，所以修改其中任意的值，另一个值都会随之变化 var test1 = [1, 2, 3, 4] var test2 = test1 //浅拷贝 test2[0] = 0 console.log(test1) console.log(test2) 输出结果test1和test2都是[0, 2...
JavaScript中浅拷贝和深拷贝的区别
lhz_333的博客
07-03 1494
前端面试过程中高频出现的问题之一。本文将详细讲解深拷贝与浅拷贝的区别。
js数组深拷贝与浅拷贝
fxg163的专栏
08-07 101
js数组深拷贝 和 浅拷贝 let arr = [{name:'wll'},{age:'32'}] let newArr1 = arr let newArr2 = arr.slice() let newArr3 = arr.concat() let newArr4 = JSON.parse(JSON.stringify(arr)) let newArr5 = [...arr] ...
JavaScript数组深拷贝和浅拷贝的两种方法
10-26
在JavaScript编程中，对数组进行拷贝是一项常见的需求，但我们必须区分两种拷贝方式：浅拷贝和深拷贝。...总之，合理使用数组的深拷贝和浅拷贝方法，可以避免许多不必要的麻烦，并确保代码的健壮性和可维护性。
JavaScript 数组的深度复制解析
01-19
对于javascript而言，数组是引用类型，如果要想复制一个数组就要动脑袋想想了，因为包括concat、slice在内的函数，都是浅层复制。也就是说，对于一个二维数组来说，用concat来做复制，第二维的数组还是引用，修改了...
javascript二维数组和对象的深拷贝与浅拷贝实例分析
12-13
本文实例讲述了javascript二维数组和对象的深拷贝与浅拷贝。分享给大家供大家参考，具体如下： 这篇文章主要为大家详细介绍了js实现数组和对象的深浅拷贝， 1.浅拷贝： 将原对象或原数组的引用直接赋给新对象，新...
js数组的深拷贝
04-21
在JavaScript中，数组的深拷贝是一个常见的需求，它涉及到数据结构的复制，尤其是在处理复杂对象和嵌套数据时。深拷贝与浅拷贝不同，浅拷贝只是复制引用，而深拷贝会创建一个新的对象，包含原始数组的所有元素，并...
js数组/对象的深拷贝与浅拷贝
最新发布
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
01-26 1244
详细介绍了js数组、对象拷贝的方式，并用原生js实现深拷贝方法
数组复制的方式和深拷贝、浅拷贝的区别
anthony_ju的博客
12-22 1309
引言： java中对象的拷贝分两种：深拷贝和浅拷贝 深拷贝和浅拷贝最根本的区别在于是否是真正获取了一个对象的复制实体，而不是引用。 浅拷贝：只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用，我们把这种拷贝叫做“浅拷贝”，换句话说，浅复制仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么浅复制出来的对象也会相应改变。 深拷贝：在计算机中开辟了一块新的内存地址用于存放复制的对象...
javascript中数组和对象的深拷贝和浅拷贝
卡卡的笔录
04-27 3522
1、首先理解一下“深拷贝”和“浅拷贝”的区别： 浅拷贝：a = b;//a和b中存的是相同的地址，该地址指向堆内存中相同的地方，即a和b就是一个东西，改变a的值b的值也会跟着改变，同理改变b的值a的值也会发生改变； 深拷贝：a和b中存的地址不同，但是地址对应的堆内存中的内容完全一致，即b是a的副本 2、 （1）数组和对象的浅拷贝一样 ，简单的赋值操作 var b = a; 如数组的浅...
对象或者数组的深复制与浅复制的区别
Hgh_1997的博客
04-04 169
深复制： 比如B复制了A，B修改了A则不会修改 浅复制： 比如B复制了A，B修改了A也会跟着改变 以上就是深浅复制的区别 下面直接插入代码，深度复制直接暴力快速解决 let aaaobj = { name: '小老弟', age: 18 } /* *这里是深度复制aaaobj */ l...
JS深拷贝和浅拷贝的区别
qq_46372463的博客
08-19 616
JS深拷贝和浅拷贝的区别详解
JavaScript浅复制和深复制的区别
zhoulu001的专栏
10-17 405
理解JavaScript浅复制和深复制之前，我们需要先了解js的数据类型：基本数据类型和引用类型。     基本数据类型：undifined, null, Number, String ,Boolean,这一些是存放在栈stack中的。     引用数据类型：Object, Array等，这一些事存放在堆heap中的。     1.浅复制     看如下代码： var myObj1={
JS中深拷贝与浅拷贝的区别(简析)
ThePlacebo的博客
12-07 806
深拷贝与浅拷贝的区别之前我们得知道基本数据类型和引用数据类型以及堆栈 基本数据类型/简单数据类型:如number，string，boolean，null，undefined，symbol基本数据类型，在存储时变量中存储的是值本身。 引用数据类型:如Object，Array在存储时变量中存储的是地址。 堆:用于引用数据类型分配空间，例如数组对象、object对象 栈:主要存放一些基本类型的变量和对象的引用 深拷贝和浅拷贝 深拷贝和浅拷贝只针对引用数据类型 深拷贝: 深拷贝方式其一:JSON.p
详细讲解js中的深拷贝与浅拷贝
zhang_cherry的博客
09-27 2万+
深拷贝与浅拷贝在其它语言中也经常被提及到，在实际项目开发过程中也常常需要区分当前使用的到底是深拷贝还是浅拷贝，有时候在该使用深拷贝的地方，我们使用了浅拷贝，会导致深藏不露的bug。
js中浅拷贝与深拷贝的区别
HTongi的博客
08-11 291
浅拷贝与深拷贝在这里只针对引用数据类型； 通俗来讲： 浅拷贝 只复制对象的引用，也就是一个地址 深拷贝 会复制对象的本身，会另开辟一个空间存放复制后的新对象 在js中 引用数据类型的指针存放在栈中，而对象本身存放在堆中，指针只是指向对象本身的一个地址。 如上图 深拷贝会在堆区新开辟一个空间存放对象 在对拷贝后的对象进行更改时不会改变原来的对象。 浅拷贝则相反。 ...
js数组深拷贝和浅拷贝
07-27
JavaScript中的数组拷贝分为深拷贝和浅拷贝两种方式。 浅拷贝指的是创建一个新的数组，新数组中的元素是原数组中的引用。也就是说，当原数组中的元素发生变化时，新数组中的对应元素也会随之变化。常见的浅拷贝方式包括使用slice()、concat()、扩展运算符(...)等。 例如： ```javascript let arr1 = [1, 2, 3]; let arr2 = arr1.slice(); // 浅拷贝 arr2[0] = 4; console.log(arr1); // [1, 2, 3] console.log(arr2); // [4, 2, 3] ``` 深拷贝指的是创建一个新的数组，并且新数组中的元素是原数组中元素的副本。也就是说，当原数组中的元素发生变化时，新数组中的对应元素不受影响。常见的深拷贝方式包括使用JSON.parse(JSON.stringify(arr))、递归复制等。 例如： ```javascript let arr1 = [1, 2, 3]; let arr2 = JSON.parse(JSON.stringify(arr1)); // 深拷贝 arr2[0] = 4; console.log(arr1); // [1, 2, 3] console.log(arr2); // [4, 2, 3] ``` 需要注意的是，使用JSON.stringify和JSON.parse进行深拷贝时，会忽略undefined、function、symbol和循环引用等情况。在一些特殊情况下，可能需要使用其他深拷贝的方式来处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值