微信小程序使用splice操作会改变原有变量的值解决方法

最新推荐文章于 2025-03-01 18:28:41 发布

原创

最新推荐文章于 2025-03-01 18:28:41 发布 · 1.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #小程序 #uni-app

在uni-app开发微信小程序时，发现使用splice操作数组即使通过新变量赋值，仍会改变原数组。原因是JavaScript中对象和数组的传递是传址。为避免这个问题，可以使用concat()创建数组副本，然后对副本执行splice操作，这样不会影响原数组。

在用uni-app开发微信小程序时，遇到一个很奇怪的问题。

使用splice操作，即使是通过var、let等赋值新变量数组。在更改新变量时，也仍然会改变原有变量的值。

	data() {
   
   
		return {
   
   
			players:['A','B','C','D'],
		}
	},
	onLoad:{
   
   
		this.change("E")
	},
	methods:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

君笑尘

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

手把手教你做短视频去水印微信小程序（3-个人中心）

小白成神路

12-23

3644

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例

基于HarmonyOS_NEXT的仿微信聊天原生应用开发笔记

wakeupwsy的博客

08-21

3035

涉及调用大模型接口实现机器人自动回复、音视频处理、发语音发相册图片、语音文字互转、相机拍照录像、发送位置、扫描二维码、生成二维码等一些能力。

1 条评论您还未登录，请先登录后发表或查看评论

微信小程序 使用splice操作已赋值新变量数组也会改变原有data值问题

weixin_42177572的博客

12-21

1134

使用 splice 函数操作数组，即使 this.data 赋值给一个新的变量，没有this.setData的时候，也会修改data值解决办法：在this.data 数组后面加上slice(0) 复制数组到新的变量就不会操作 // demo let imagesData = this.data.imageData.slice(0); ...

微信小程序中的splice 方法

huang_jimei的博客

06-17

7621

splice()方法，这个方法恐怕要算是最强大的数组方法了，它有很多种用法。splice()的主要用途是向数组的中部插入项，但使用这种方法的方式则有如下3种：（1）删除：可以删除任意数量的项，只需指定2个参数：要删除的第一项的位置和要删除的项数。例如，splice(0,2)会删除数组中的前两项。 if(cnumber==0){ this.data.orderList.splice(cindex,1); //删除该项 } （2）插入可以向指定位置插入任意数量的项，只需

微信小程序之电话号码分割----split() splice()函数的使用！

qq_44821064的博客

06-24

2333

split() splice()

【微信小程序】使用splice方法删除数组中的某一个元素

川川的博客

02-06

5305

项目中遇到删除列表中某一个item的需求，当使用splice的时候，理解有问题。 let item = that.data.items.splice(0, 1) 这里返回的item是被删除的那一条，不是删除后剩下

微信小程序: 数组添加push()、删除splice()操作

Ghjkku的博客

02-05

6916

直接向数组末尾追加新的元素（不会去重）2、数组.splice删除元素。1、数组.push(对象)

微信小程序 video 组件[播新视频旧视频暂停，再次播放延续上次播放时长]

weixin_49931650的博客

02-13

2719

播放新视频，旧视频暂停 ## 1、点击播放时，获取当前 video 组件中的视频id ## 2、2.1 点击第一个视频，没有视频实例、vid，先在this上创建一个 vid 和创建视频实例对象 2.2 点击另一个视频，新的视频开始播放，这时的 vid 和视频实例还是之前第一个视频的 2.3 判断 this 上的 vid 是否改变，改变了，去判断是否有视频实例 3.4 有视频实例，不管是否播放，去停止它播放，再去记录新的视频实例和vid

移动端开发必会出现的问题和解决方案

qq_43623970的博客

04-30

1892

对于一个开发了多个H5的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。问题下面列举了我遇到的一些常规问题，如有遇到其他问题请在评论区补充，之后我也会实践后加以补充，感谢！（经常更新该文）移动端 H5 相关问题汇总： 1px 问题响应式布局 iOS 滑动不流畅 iOS 上...

关于微信小程序1

前人挖坑，后人种（pen）

01-16

418

传送门：官方文档https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=2017112 1.list数据的更改：定义数组; array:[{text:'one'},{text:'two'}], 在微信小程序中更改array的数据，在JavaScript中需要使用过array:array.s

JavaScript 数组find() 方法

qq_36742720的博客

05-07

6935

定义和用法 find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。 find() 方法为数组中的每个元素都调用一次函数执行：当数组中的元素在测试条件时返回true时, find() 返回符合条件的元素，之后的值不会再调用执行函数。如果没有符合条件的元素返回 undefined 注意:find() 对于空数组，函数是不会执行的。注意:find() 并没有改变数组...

微信小程序：js实现不改变原数组的情况下增加一条对象到新数组中

weixin_46001736的博客

11-08

1069

微信小程序：js实现不改变原数组的情况下增加一条对象到新数组中

掌握 findIndex、push 和 splice：打造微信小程序的灵活图片上传功能✨

最新发布

小丁的博客

03-01

1435

findIndex查找数组中第一个满足条件的元素的索引，若无匹配，返回-1。push将元素追加到数组末尾，返回新长度。splice修改数组，可删除或替换元素。findIndexpush和splice是数组管理的核心工具。通过优化，你可以实现固定或动态的图片上传逻辑，确保数据与 UI 一致。试试调整后的代码，看看效果吧！

小程序setData与splice的返回值

2301_79586318的博客

12-15

521

list:this.data.list.splice(e.mark.index,1)这里相当于是取到splice的返回值赋值给list，所以当我们点击删除时，此时的页面只会留下被点击删除的元素。这里看似没有任何问题，但其实，splice的返回值是被删除的数组元素，而splice的本质是改变原来的数组。setData是用来更新视图层数据变换，而我们在对页面渲染数组进行增删改查会出现不一样的写法，例如。

微信小程序: 数组删除操作splice()的坑

Bat_Reality的博客

03-07

8644

Page({ data: { godness: [{ name: "杨超越" }, { name: "张天爱" }, { name: "徐璐" }, { name: "孙珍妮" }] }, onLoad: function (options) { }, deleteBtn: func...

uniapp微信小程序对象数组splice()失效？

gw20192019的博客

02-17

756

console.log('当前list的值', this.list);console.log('找出要替换的对象', objInList);console.log('要替换的对象的索引', objIndex);console.log('替换后的对象', list2);console.log('现在res的值', res);console.log('传入的对象', res);

解决splice改变原数组的BUG

qq_45067263的博客

06-12

3181

项目场景：项目中难免遇到需要删除改变数组的方法，去重，删除不要的数据等问题描述：但是splice方法会删除掉数据改变原数组，返回的是改变之后的数组，即使你是赋值的还是会影响到原数组的数据 GoodsInfos[index].list.splice(index,1) 解决方案：使用拷贝方法，这样原数组就不会发生改变，删除的新数组是新数据，原数组还是原来的数据 let GoodsInfos=JSON.parse(JSON.stringify(this.goods)) ...

cannot read property 'splice' of undefined错误解决