微信小程序 对象的深浅拷贝

最新推荐文章于 2025-07-02 17:01:47 发布
原创 最新推荐文章于 2025-07-02 17:01:47 发布 · 8.7k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#wx深浅拷贝

本文介绍了一种在微信小程序中实现对象深拷贝的方法，使用JSON解析与序列化技术，确保新对象与原对象完全独立，适用于解决赋值问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

微信小程序集成了源生的js，虽然这么说，但是有些方法你不能直接调用，你需要加入到utils.js包中，然后通过require来调用才行，是不是比较恶心，而我呢，因为一个对象的赋值问题，想找一个能复制对象的，而不是复制对象的指针，所以查了好多资料，但是js的很多，微信小程序的很少，比较恶心，无奈，我也不会在小程序的js中写，所以我还是找了一个最简单的深拷贝的方法，放到了我的util里面：

function copyobj(a){

var c={};

c=JSON.parse(JSON.stringify(a));

return c;

}

其实 终极思想就是json再转成对象，相当于在内存中又多了一份，就不止是复制的引用啦


浅拷贝就很简单了‘=’

微信小程序 - 深 / 浅拷贝实现方法
资深程序员
08-23 5256
前言 在微信小程序中，你无法 直接使用常规浏览器环境中的深浅拷贝方法。 但可以借助 utils.js 实现，下面是方法。 创建深浅拷贝函数 依次打开小程序目录【utils】→【utils.js】，写入深拷贝函数并暴露出去。 // utils.js // 对象深拷贝函数 const deepClone = function(initalObj) { var obj = {}; obj = JSON.parse(JSON.stringify(initalObj)); return obj; }
微信小程序 - 深 / 浅拷贝实现方法，微信小程序深拷贝与浅拷贝，函数方法封装直接调用使用，深拷贝cloneDeep和浅拷贝clone（深复制和浅复制）
资深程序员
10-23 1131
在微信小程序中，你无法直接使用常规浏览器环境中的深浅拷贝方法。但可以借助utils.js实现，下面是方法。
uniapp 开发微信小程序 view 的长按中文字复制功能
最新发布
weixin_43962877的博客
07-02 202
【代码】uniapp 开发微信小程序 view 的长按中文字复制功能。
小程序数组复制-深拷贝
poppy995的博客
03-31 2230
小程序中想要复制一个数组，并且不互相干扰 有效方法 let list = [] let list1 = [1,2] list = JSON.parse(JSON.stringify(list1 )); 无效方法 let list = [] let list1 = [1,2] list = [...list1] // 无效 list = list1.contact() // 无效 ...
微信小程序中渲染组件瀑布流因为spuList 深拷贝与浅拷贝当数据的引用不变时，小程序的 `observers` 或 `setData` 可能不会触发视图更新。
qq_35915504的博客
06-30 273
而在第二个代码中,通过引入一个中间变量formattedSpuList,将spuList的内容复制到一个新的数组中,可以避免直接修改spuList可能带来的问题。所以,你的分析非常准确,使用一个新的变量来存储转换后的数据,是解决这类问题的有效方法。这种方式是一种常见的数据处理模式,通过创建一个新的变量来保存处理后的数据,而不是直接修改原始数据,可以提高代码的可读性、可维护性和稳定性。创建一个新的数组,确保formattedSpuList是一个纯粹的数组对象,没有额外的属性或者特殊的对象引用。
【微信小程序开发笔记】--偶遇js深拷贝与浅拷贝问题
_lafen的博客
09-19 3517
微信小程序开发笔记 js文件 /** * 选择数据--checkbox复选框监听事件value值 | 需要上传的数据 | 不需要上传的数据 */ checkboxChange: function (e) { //不需要上传的数据 var noNeedToUpLoad = new Array() //需要上传的数据 var needToUpLoad = n
微信小程序：通过数据深拷贝减少setData方法调用次数示例
听海边涛声
10-21 342
微信小程序：通过数据深拷贝减少setData方法调用次数示例
微信小程序复制对象json
Remo_jun的博客
04-13 1262
自带的复制无法对象或对象数组，所以写了一个简单的复制 let obj //你要复制的对象 let msg = JSON.stringify(obj).replace(/,/g,',\r\n').replace(/{/g,'{\r\n').replace(/}/g,'\r\n}') //如果value自带"{},"，那就把那三个replace去掉 wx.setClipboardData({ data: msg,
微信小程序 深拷贝的那些坑。
weixin_30795127的博客
07-31 850
网上说的几种方法都不好使，包括直接使用如下： JSON.pars(JSON.stringify(this.data.answer)) ... Object.assign Object.defineProperty（修改writable属性） 自定义的深复制函数 都不行，估计问题是微信的setData里有一些特殊操作。 最后采用了先JSON.stringify(obj)...
微信小程序深拷贝没用
光
08-04 2324
常用的深拷贝方法： concat() let arr = [1]; let arr1 = arr.concat(); arr1[1] = 2; console.log(arr1); // [1,2] console.log(arr); // [1] slice() let arr = [1]; let arr1 = arr.slice(0); arr1[1] = 2; console.lo...
小程序数据拷贝问题
qq_37782658的博客
09-01 1341
近期有帮同事做一个多商品评论的页面，多商品，顾名思义就是很多个商品，每个商品有星星评价，上传图片信息以及评论内容， 因为原先有写过公众号这个功能，于是自告奋勇的去写小程序的多商品评论了，结果就掉坑里了............ 思路很简单 首先造一个星星的数组，五星好评就是五个星星的图片，是这样： starList: [{                         srca: "img...
浅拷贝和深拷贝
weixin_50543490的博客
11-24 302
浅拷贝和深拷贝
微信小程序之复制功能
qq_39772439的博客
07-19 885
复制：wx.setClipboardData data:复制内容。
小程序页面间的对象传递
wahYip的博客
07-10 3126
例: 页面架构:page       A→a.js       B→b.jsa.js→b.js, 此时a.js想传递studentBean这个对象到b.js接收, 常规的传递如下: var studentJson = JSON.stringify(this.data.studentBean) wx.navigateTo({ url: '../B/b?student=' + s...
浅拷贝和深拷贝详解
m0_63855883的博客
06-06 320
浅拷贝是指创建一个新的对象或数组，复制原始对象或数组中的值到新对象或数组中。浅拷贝只复制对象或数组的引用，而不复制其内部的子对象或子数组。因此，原始对象和拷贝对象会共享相同的引用，对其中一个进行修改会影响到另一个。深拷贝是指创建一个新的对象或数组，并递归地复制原始对象或数组中的所有值，包括其内部的子对象和子数组。深拷贝会完全复制原始对象的所有属性和值，而且与原始对象完全独立，修改其中一个不会影响到另一个。浅拷贝适用于需要创建一个与原始对象或数组共享某些值的情况，且对共享值的修改不会影响到原始对象或数组。
sessionStorage、localStorage和cookie之间的区别
尽信书，则不如无书。
06-13 460
H5中 共同点：都是保存在浏览器端，且同源的。 区别： cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。 而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能
微信小程序中对象之间互相赋值的问题
Antg的博客
08-13 1656
在微信小程序中，有两个对象a,b 如果将a赋值给b，那么实际上是把a的地址赋值给了b 以后再操作a的时候b的值也会跟着变 如下： 1、创建两个对象 2、将第一个对象赋值给第二个对象（其实赋值的是地址） 3、触发事件 4、效果 触发事件前： 触发事件后： 1597248362153)] 触发事件后： ...
微信小程序之提高应用速度小技巧
热门推荐
wetest_tencent的博客
03-10 3万+
小程序科普类的文章已经很多了，今天这里讲的是针对小程序的优化方法，可以有效提高小程序的响应速度和用户体验。当然，开发体验也提高不少。
一个关于理解浅拷贝与深拷贝的小程序
weixin_34270606的博客
11-13 447
浅拷贝基本数据类型值传递，引用类型是引用传递。 深拷贝则生成新的实例对象。 这里的深拷贝是使用了copy constructor方式。 public class Person { String name; private String sex; private int age; public Person(String name,String se...
数组传值
03-21
### 数组传值的实现方式及注意事项 #### 1. **Java中的数组传值** 在 Java 中，可以通过注解来传递数组类型的值。具体来说，在定义注解时，如果其中包含数组类型的元素，则可以在使用该注解时通过大括号 `{}` 来指定数组的具体值[^1]。 以下是具体的例子： ```java // 定义一个带有数组类型成员的注解 @interface MyAnnotation { String[] values(); // 声明一个字符串数组类型的成员 } // 使用注解并为其数组成员赋值 @MyAnnotation(values = {"value1", "value2", "value3"}) public class MyClass {} ``` 对于普通的数组变量，也可以直接通过 `new` 关键字或者静态初始化列表的方式完成数组的创建和赋值操作[^2]。 --- #### 2. **PHP中的数组传值** 在 PHP 中，函数支持按值传递和按引用传递两种模式。当需要修改原始数据时，可以选择按引用传递数组。这通常通过在形参前加 `&` 符号实现[^3]。 下面是一个简单的示例： ```php function modifyArray(&$array) { $array[] = 'newValue'; // 修改原数组 } $myArray = ['oldValue']; modifyArray($myArray); print_r($myArray); // 输出：['oldValue', 'newValue'] ``` 需要注意的是，如果不希望改变原始数组而仅需读取其内容，则应避免使用引用传递。 --- #### 3. **C++中的数组传值** 由于 C++ 不允许直接复制整个数组或将一个数组整体赋值给另一个数组，因此常用的方法是将数组作为指针传递到函数中[^4]。这样不仅可以减少内存开销，还能提高程序效率。 例如： ```cpp void printArray(int* array, int size) { for (int i = 0; i < size; ++i) { std::cout << array[i] << " "; } std::cout << std::endl; } int main() { int myArray[] = {1, 2, 3}; printArray(myArray, sizeof(myArray)/sizeof(myArray[0])); // 调用函数 return 0; } ``` 此外，还可以利用 STL 提供的容器类（如 `std::vector` 或 `std::array`），它们提供了更灵活的操作接口以及更好的安全性保障。 --- #### 4. **JavaScript/微信小程序中的数组传值** 在 JavaScript 和微信小程序开发环境中，数组通常是对象的一部分，因此默认情况下会以引用的形式进行传递。这意味着任何对数组本身的更改都会反映回源数组[^5]。 考虑如下代码片段： ```javascript let originalArray = [1, 2]; let newArray = originalArray; newArray.push(3); console.log(originalArray); // 结果为 [1, 2, 3] ``` 为了避免这种情况发生，可以显式地克隆数组，比如借助扩展运算符 (`...`) 创建副本： ```javascript let clonedArray = [...originalArray]; // 浅拷贝 clonedArray.push(4); console.log(clonedArray); // [1, 2, 4] console.log(originalArray); // [1, 2] ``` --- ### 总结 不同编程语言处理数组传值的方式各有特点，开发者应当根据实际需求选择合适的技术手段，并留意可能引发的问题。无论是深浅拷贝的选择还是性能优化方面的考量，都值得深入研究。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值