js引用复制如何改变复制数组不改变原数组

最新推荐文章于 2025-04-16 10:40:55 发布
最新推荐文章于 2025-04-16 10:40:55 发布
阅读量1.4w 收藏 9
点赞数 4
CC 4.0 BY-SA版权
分类专栏： JavaScript乱七八糟 文章标签： ｊｓ
随意转载，但请注明出处。倘若略有收获，望不吝点赞
本文链接：https://blog.youkuaiyun.com/zSY_snake/article/details/81810349
本文深入探讨了JavaScript中object和array作为引用类型的工作原理。当一个引用类型被赋值给另一个变量时，实际上是两个变量指向了同一块内存地址。文章介绍了如何通过concat()和slice()方法来避免修改原始数据的问题。

我们需要知道的是object和array类型的变量为引用类型，也就是说其存储的实际上并不是具体的值而是一个指向堆内存的地址。

因此当我们把一个引用类型如‘数组’，赋值给另一个变量时，实际上是把另一个变量指向了与之相同的地址，当我们改变其中一个时，实际上改变了堆内存中的存储内容　，相应的所有指向该地址的数组都发生了变化：

有时我们并不想要类似的事情发生要如任何解决呢？下面介绍两种简单的方法

１、利用concat()方法

2、利用slice()方法

【前端】JavaScript 变量引用、内存与数组赋值：深入解析三种情景
禅宗里有一个词叫做“因缘和合”。 所谓因缘，是指事件要发生所必须的条件。因缘和合就是当你聚集了这件事的一切条件，它就会自然而然的发生。“它就会自然而然的发生”，这种朴素而坚定的价值观让我们感到无比安心，安心到可以不用有任何担心焦虑。
11-20 1008
变量赋值与引用：赋值为引用数据类型时，变量保存的是内存地址，而不是数据本身。因此，重新赋值并不会影响其他引用该数据的变量。 内存模型：JavaScript 中，栈内存用于存储基本类型和引用地址，而堆内存用于存储复杂对象的内容。对引用对象的操作会影响到所有指向该内存地址的变量。 修改数组内容与重新赋值：直接修改数组的内容会影响所有引用该数组的变量，而重新赋值则会让变量指向一个新的对象，不影响其他引用。 2024.11.20-✍
jQuery中json对象的复制方式介绍(数组及对象)
10-27
浅复制只复制数组的第一层元素，如果数组元素是对象或数组的引用，则复制的新数组仍然指向原始的元素，而不是创建一个新的独立副本。例如： ```javascript $.map(json, function(n) { return n; }); ``` 这段代码...
js 数组常用方法，数组的拷贝（不影响原数组），数组相等
热门推荐
lance的进击之路
07-17 2万+
js数组常用方法，易错点总结。数组独立拷贝；数组相等的判定；
Js如何实现对数组复制而不影响原数组
AzeShinja的博客
09-22 3952
在JS中基本类型可以直接赋值， 在更改新的值后 并不会影响原来的值 可是如果是数组操作就比如: let arr = [1,2,3,4]; let arr1 = []; arr1 = arr; arr1.push(5); console.log(arr + "---" + arr1); 输出的结果就会发现他们的值都改变了, 变为 [1, 2, 3, 4, 5]; 所以我们要用别的操作来弥补， 不能让他更改原来的值 所以我们可以： arr1 = arr.slice(0); 这只是其中一种最方便的方法， .
js中复制新的数组，原数组删除某个值，新复制的数组值不变
pleaseprintf的博客
02-16 1177
js 中复制新的数组 原数组删除某个值 新复制的数组值不变
【js】JS数组复制或克隆新数组修改不影响原数组
Mrerlou的博客
09-15 4252
前言 有个需求，在修改记录前需要记录下原来的数组内容，为了后续恢复。 准备 网上的很多方法都试过不行，例如。 et arr = [1,2,3,]; let arr1 = arr.clone(); let arr1 = arr.concat(); let arr1 = arr.slice(); 又或者遍历直接插进去: arr .forEach(item => { arr1 .push(item); }) 至于说为什么： 数组存储对象都是存地址的，所以浅复制会导致 a 和 b 指向同一块内存地址；
JavaScript中复制新的数组与原数组删除某个值——不影响新复制的数组的方法详解
pleaseprintf的博客
07-31 1314
在JavaScript中，我们经常需要处理数组的复制和修改。本文将详细介绍如何在JavaScript中复制一个新的数组，并在原数组删除某个值的情况下，确保新复制的数组值不受影响。通过丰富的示例代码，你将掌握多种方法来实现这一需求。通过本文，你学会了在JavaScript中复制一个新的数组，并在原数组删除某个值的情况下，确保新复制的数组值不受影响的多种方法。你可以根据实际需求选择合适的方法来处理数组操作。希望本文对你有所帮助。如果你有任何问题或疑问，欢迎留言讨论。需要系统源码或者BiShe加V。
Javascript 复制数组实现代码
10-29
在JavaScript编程中，复制数组是一个常见的需求，但是要正确实现这一功能，必须理解JavaScript中原始类型和引用类型的差异。原始类型（如数字、字符串）和引用类型（如数组、对象）在赋值时表现不同。原始类型是按值...
js代码-数组、对象的复制
07-16
它不会改变原数组。 ```javascript const originalArray = [1, 2, 3]; const copiedArray = originalArray.slice(); ``` 2. **concat()** 方法：也可以用于创建数组的副本，但通常用于合并数组。 ```...
JS，slice，改变原数组数据，会不会影响新数组
最新发布
05-09
另外，用户提供的引用[3]中提到使用slice等方法复制数组，修改新数组不影响原数组，但用户的问题反过来，是修改原数组是否影响新数组。根据引用[3]中的例子，使用slice后，原数组改变是否影响新数组，答案是不影响，...
JavaScript中复制对象或数组，使其在数据改变后不影响原数据属性或元素的方法
m0_59076644的博客
11-24 2521
在JavaScript中，对象是通过引用传递的，而不是通过值传递的。这意味着当你将一个对象赋值给另一个变量时，它们实际上引用的是同一个对象，而不是创建一个新的对象副本。因此，如果你修改了拷贝对象的属性，源对象的相应属性也会发生变化。要解决这个问题，你可以使用一些方法来创建对象的副本，确保修改副本对象的属性不会影响源对象的属性。这些方法都可以创建原始数组的副本，确保修改副本数组中的对象不会影响原始数组中的对象。如果你想修改数组中的对象，而不影响原始对象，可以使用类似的方法来创建数组的副本。
JS在不改变原数组的情况下复制一个新的数组
weixin_30477293的博客
10-26 2782
var a={1,2,3,4} var data= JSON.parse(JSON.stringify(a[0])) a.push(data) a[4]=5 这样就不会改变原数组a的数据 转载于:https://www.cnblogs.com/mywangpingan/p/9853792.html
JavaScript中如何复制对象和数组，使其在数据变得后不影响原数据属性或元素的变化
m0_59076644的博客
11-24 963
要解决这个问题，你可以使用一些方法来创建对象的副本，确保修改副本对象的属性不会影响源对象的属性。这些方法都可以创建原始数组的副本，确保修改副本数组中的对象不会影响原始数组中的对象。根据你的需求选择适合的方法即可。如果你想修改数组中的对象，而不影响原始对象，可以使用类似的方法来创建数组的副本。
JS 数组克隆方法总结(不可更改原数组)
anbinmei9074的博客
03-07 274
ES5 方法总结 1.slice let arr = [2,4,434,43]; let arr1= arr.slice();//let arr1 = arr.slice(0); arr[0] = 'a'; console.log(arr,arr1); // [a,4,434,43] [ 2, 4, 434, 43 ] 2. 遍历数组 Array.prototy...
JavaScript中数组的复制
越界的博客
11-25 377
数组的复制 以下是数组复制常用的一些方法，特定的场景利用的特定的方法，只是提供一些思路，有更好的方法欢迎补充！ <script> // 需求：复制过来的新数据和原来的数据没有任何关系； var arr = ["a", "b", "c", "d"]; var arr_1 = arr; arr_1[0] = "abc"; // ----------------...
数组和对象复制，不影响原数据。
mentalitys的博客
01-04 1321
1.使用 Object.assign() 方法复制对象 let obj1 = { a: 0 , b: { c: 0}};   let obj2 = Object.assign({}, obj1);   console.log(JSON.stringify(obj2)); // { a: 0, b: { c: 0}}       obj1.a = 1;   console.log(JS...
js数组深度拷贝(避免修改原数组)
每天学习一点点
01-14 1033
如果要对一个数组进行修改操作，但是又不想影响原来的数组，这时候想到的就是把原来的数组变量赋值给一个新的变量，如下图所示： 目标只是想改动arrB的第一个元素，结果把源数组arrA的元素值也改动了。 要解决这个问题，就需要对数组进行深度拷贝，不能用直接赋值的方式对新数组赋值。 语法： JSON.parse(JSON.stringify(arry)) 使用实例： ...
js 不改变原数组方法
Aotman_的博客
04-16 587
在JavaScript中，如果你想对数组进行操作但不改变原数组，你可以使用多种方法来实现。
JS Javascript 深拷贝(clone) 操作不会改变原数组的几种拷贝方式 使用ES6实现数组的深拷贝深克隆
SupperPigger的博客
11-20 3732
复制一个数组内容且两个数组相互独立，原有一个数组A，现在要新建一个数组B，数组B默认等于数组A，如果使用let B = A 的话改变B的同时也会对数组A产生影响。使用深拷贝就可以避免操作新B数组时影响原数组A。使两个数组相互独立。使用for循环、forEach()、slice()、concat()、map()、Array.from()、Array.of()、扩展运算符等方式实现数组的深拷贝。
js只取数组的几条，不改变原数组
09-27
在JavaScript中，如果你想从数组中获取特定数量的元素并保持原数组不变，可以使用`slice()`方法。`slice()`方法返回一个新的数组，它包含从开始索引到结束索引（不包括结束索引）的所有元素的浅拷贝。例如： ```...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

衣乌安、

嘿嘿，好心人赏俩钱儿~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值