【微信小程序开发笔记】--偶遇js深拷贝与浅拷贝问题

最新推荐文章于 2026-07-06 16:04:44 发布
原创 最新推荐文章于 2026-07-06 16:04:44 发布 · 3.5k 阅读 · 7
本文是微信小程序开发笔记的一部分，探讨了在开发过程中遇到的深拷贝与浅拷贝问题。当尝试修改拷贝后的数组时，原始数据也受到影响，揭示了JavaScript中深拷贝和浅拷贝的概念。深拷贝创建了对象的新副本，不与原始对象共享内存，而浅拷贝只复制对象引用。通过将数组转换为字符串再转换回数组，可以实现简单的深拷贝，确保对拷贝后的数组操作不会影响原始数据。

微信小程序开发笔记（一）–偶遇深拷贝与浅拷贝问题

  • js文件
/**
   * 选择数据--checkbox复选框监听事件value值 | 需要上传的数据 | 不需要上传的数据
   */
  checkboxChange: function (e) {
   
   

    //不需要上传的数据
    var noNeedToUpLoad = new Array()
    //需要上传的数据
    var needToUpLoad = new Array()
    //删除后需要上传的数据
    var fUpLoad = new Array()
    //
标签
#小程序
最低0.47元/天 解锁文章
微信小程序 - 深 / 浅拷贝实现方法
🏆 前端领域优质创作者
08-23 5462
前言 在微信小程序中，你无法 直接使用常规浏览器环境中的深浅拷贝方法。 但可以借助 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 1410
在微信小程序中，你无法直接使用常规浏览器环境中的深浅拷贝方法。但可以借助utils.js实现，下面是方法。
VMware 环境 Oracle RAC 19.3c 安装：节点2 root.sh 失败的 2 种磁盘配置修复方案
最新发布
weixin_34301132的博客
07-06 530
本文深入解析了VMware环境下Oracle RAC 19c节点2执行root.sh脚本时出现的CRS-1705错误，提供了两种有效的磁盘配置修复方案。针对SCSI共享磁盘配置不当和ASM磁盘识别问题，详细介绍了动态移除重新添加磁盘和强制刷新ASM磁盘发现机制的解决方案，并分享了预防此类问题的关键检查点和自动化修复脚本。
微信小程序-js数组的拷贝赋值复制，你真的懂?
**My Coding Family**
04-15 7469
微信小程序-js数组的拷贝赋值复制，你真的懂?
小程序数组复制-深拷贝
poppy995的博客
03-31 2337
小程序中想要复制一个数组，并且不互相干扰 有效方法 let list = [] let list1 = [1,2] list = JSON.parse(JSON.stringify(list1 )); 无效方法 let list = [] let list1 = [1,2] list = [...list1] // 无效 list = list1.contact() // 无效 ...
微信小程序深拷贝没用
光
08-04 2374
常用的深拷贝方法： 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...
微信小程序：通过数据深拷贝减少setData方法调用次数示例
听海边涛声
10-21 450
微信小程序：通过数据深拷贝减少setData方法调用次数示例
微信小程序 对象的深浅拷贝
我可是段段段段段~
01-10 8818
微信小程序集成了源生的js，虽然这么说，但是有些方法你不能直接调用，你需要加入到utils.js包中，然后通过require来调用才行，是不是比较恶心，而我呢，因为一个对象的赋值问题，想找一个能复制对象的，而不是复制对象的指针，所以查了好多资料，但是js的很多，微信小程序的很少，比较恶心，无奈，我也不会在小程序的js中写，所以我还是找了一个最简单的深拷贝的方法，放到了我的util里面： func
微信小程序中渲染组件瀑布流因为spuList 深拷贝与浅拷贝当数据的引用不变时，小程序的 `observers` 或 `setData` 可能不会触发视图更新。
qq_35915504的博客
06-30 432
而在第二个代码中,通过引入一个中间变量formattedSpuList,将spuList的内容复制到一个新的数组中,可以避免直接修改spuList可能带来的问题。所以,你的分析非常准确,使用一个新的变量来存储转换后的数据,是解决这类问题的有效方法。这种方式是一种常见的数据处理模式,通过创建一个新的变量来保存处理后的数据,而不是直接修改原始数据,可以提高代码的可读性、可维护性和稳定性。创建一个新的数组,确保formattedSpuList是一个纯粹的数组对象,没有额外的属性或者特殊的对象引用。
深浅拷贝的意义和用法
m0_60501766的博客
11-04 550
一、什么是深浅拷贝？        在了解深拷贝之前，应该先了解以下2个概念：        传值：表示传递的是变量所赋的值，简单来说：就是相当于把变量的值全新复制了一份。当一个变量的值赋给另一个新变量的时候，新变量修改了值，不会影响原来变量的值。        传址： 表示传递的是变量所在的内存地址
浅拷贝和深拷贝
weixin_50543490的博客
11-24 351
浅拷贝和深拷贝
浅拷贝和深拷贝详解
m0_63855883的博客
06-06 412
浅拷贝是指创建一个新的对象或数组，复制原始对象或数组中的值到新对象或数组中。浅拷贝只复制对象或数组的引用，而不复制其内部的子对象或子数组。因此，原始对象和拷贝对象会共享相同的引用，对其中一个进行修改会影响到另一个。深拷贝是指创建一个新的对象或数组，并递归地复制原始对象或数组中的所有值，包括其内部的子对象和子数组。深拷贝会完全复制原始对象的所有属性和值，而且与原始对象完全独立，修改其中一个不会影响到另一个。浅拷贝适用于需要创建一个与原始对象或数组共享某些值的情况，且对共享值的修改不会影响到原始对象或数组。
微信小程序，全局变量json数组赋值后被修改；浅拷贝和深拷贝
qq_45128278的博客
06-07 1169
今天出现个问题，就是在给一个变量赋值后，当这个变量被修改，全局变量也跟着被修改了（因为地址问题）。这就是之前java的数组拷贝里会导致bug的浅拷贝问题。具体的概念可以自行搜索。 错误代码：（以下是浅拷贝） that.setData({ temp:app.globalData.orderlist }) //或者 var temp=app.globalData.orderlist 正确代码：（深拷贝，新变量不改变原来的值） that.setData({ temp: JSON.
前端——数组的深浅拷贝问题
weixin_46560512的博客
08-22 1243
数组的深浅拷贝问题1.问题的由来2.问题的描述3.常见的深浅拷贝形式3.1常见的浅拷贝形式如下：3.2常见的深拷贝形式如下：参考文献 1.问题的由来     之前我写过一篇博文，也就是我目前为止访问量最高的博文：     关于微信小程序setData与data数据渲染的一点点小细节…     每当同学看到这篇文章说访问量很高的时候，我就觉得有些惭愧，因为回头来看，文章总结的还是比较乱的，可能是因为时间长才积累这么高访客量的吧。其实当时是因为数组的深浅拷贝，当时我还刚刚入手前端，不太懂这些。今天我再来重新总
sessionStorage、localStorage和cookie之间的区别
尽信书，则不如无书。
06-13 520
H5中 共同点：都是保存在浏览器端，且同源的。 区别： cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。 而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能
微信小程序setData()方法的详解以及对数组/json操作
热门推荐
NAMECZ的博客
03-20 11万+
此篇文章是本人对setData方法的一些理解，是查阅文档和查找一些其他资料综述的，有所不足希望指正！ 直接进入正题！ 一、setData（）方法： 1、参数接受一个对象，以key，value的形式表示； 2、参数和变量名称一致，可用一个值代替（es6新语法特性） 如上图所示，在this.data中设置ceshi这条数据，在方法中，我们定义ceshi变量让其等于that.data.ce...
深拷贝的五种实现方式
Z_J_CSDN的博客
07-08 3万+
深拷贝的几种实现方式
微信小程序 深拷贝的那些坑。
weixin_30795127的博客
07-31 892
网上说的几种方法都不好使，包括直接使用如下： JSON.pars(JSON.stringify(this.data.answer)) ... Object.assign Object.defineProperty（修改writable属性） 自定义的深复制函数 都不行，估计问题是微信的setData里有一些特殊操作。 最后采用了先JSON.stringify(obj)...
一个关于理解浅拷贝与深拷贝的小程序
weixin_34270606的博客
11-13 478
浅拷贝基本数据类型值传递，引用类型是引用传递。 深拷贝则生成新的实例对象。 这里的深拷贝是使用了copy constructor方式。 public class Person { String name; private String sex; private int age; public Person(String name,String se...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值