解决vue两个数组赋值后相等，删除其中一个另一个也被删除了的问题

最新推荐文章于 2023-07-07 16:13:40 发布
原创 最新推荐文章于 2023-07-07 16:13:40 发布 · 2.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

本文探讨了数组在赋值操作中的浅拷贝问题，即直接赋值导致的两个变量指向同一内存地址，以及当修改其中一个变量时，另一个也会受到影响的现象。文章提出了通过JSON的序列化和反序列化实现深拷贝的方法，从而确保两个数组拥有独立的内存空间。

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

存在数组A,B，令A=B；

个人想法：赋值是只是a的指向了b，所以a，b地址指向的数据是相同的，删除其中一个的时候是删除他们指向的数据的值，所以两个都会被删除掉

解决办法：（把数组转成字符串，再转换回来，那么两个数组对应的地址就不同了）

this.nowDevices = JSON.parse(JSON.stringify(this.deviceInfo));
vue+js 从一个数组中删除在另一个数组中已存在对象；
onlylele的博客
12-03 3965
数组，对象常用的删除方法： 1、根据一个数组元素,删除另一个数组中的对象； var a = [{ id: 15 }, { id: -1 }, { id: 0 }, { id: 3 }, { id: 12.2 }]; var b = [15, 3]; a = a.filter(function (item) { return b.indexOf(item.id) < 0; }) ...
为什么两个数组不能直接赋值？const详解
不会编程的程序圆 的博客
02-01 1824
指针 关于const 关于const 数组变量 是 const 的指针 在初学数组时，我们都有这样的思考：既然变量可以互相赋值，那么 数组 可以相互赋值吗？ 比如说： int a = 1; int b = 2; int arr1[3] = {1, 2, 3}; int arr2[3] = {0}; b = a;//ok arr2 = arr1;//error 一但这么些程序就会报错，为什么会这样...
vue 删除两个集合中相同的数据_vue js删除了一个数组的元素，另外一个数组也同步删了...
weixin_27303545的博客
12-23 681
有2个数组，左边的数组A是写死的，我把左边的数组A的数据经过逻辑处理之后放入到右边的数组B, A 和 B 2个数组的数据结构一致的，数组的名称不一样，当我操作数组B的时候，例如 B.splice(index, 1)的时候，数组A的当前index位置的元素也删除了，如何避免这个问题？代码如下json 格式leftMenu：[{lv: 1,collspan: true ,menuId: '1-1',m...
对象赋值，删除对象某个属性，原对象也会被删除
yyanglirong的博客
01-19 826
假设 a{ c:1,d:1} let b =a; delete b[‘c’]; console.log(a) 输出结果为：{d:1} console.log(b) 输出结果为：{d:1} 我们用等于号直接赋值一个新对象的时候，并不是拷贝了一个新对象而只是把原对象的引用地址赋值给新对象，所以我们再修改新对象的时候会影响原对象。 解决方法： let b=JSON.stringify(a); b =JSON.parse(b); delete b[‘c’]; console.log(a) 输出结果为：{c:1,d:
vue 一个数组元素删除后影响了另一个数组
qdluo的博客
07-27 1011
data(){ return{ arr:[[1,2,3]] } }, created() { let newArr=this.arr; newArr.shift(); console.log(newArr); console.log(this.arr); }, 当数组newArr删除第一个元素后，arr也发生了变化，原因就是两个数组来源于同一个对象的指针引用。 我们可以通过以下两种方式消除同源影响: 1. newArr=JSON.parse(JSO.
vue删除一个数组元素后影响了另一个数组
hy3528的博客
09-11 896
出现此问题的原因就是两个数组来源于同一个对象的指针引用，所以在对其中一个数组进行操作的时候，才会影响到另一个同源的数组 解决办法很简单，只要深拷贝一下 就可以消除 同源的影响 this.data= JSON.parse(JSON.stringify(res.data.obj)); ...
Vue监听一个数组id是否与另一个数组id相同的方法
10-17
如果相等，`data`会被赋值为一个由`list`数组元素的ID和name组成的字符串；如果不相等，则清空`data`。 在HTML模板中，我们使用`v-model`双向绑定数据，以及`v-if`或`v-show`来控制元素的显示状态，以便根据`data`...
把两个数组中相对应的元素相加，然后把结果出储存在第三个数组中
m0_46393069的博客
12-01 2390
程序代码为本人亲自编写，并非标准答案，仅供参考。 如果程序有任何bug或者有好的建议，欢迎在评论区留言，或者私信。 #include<stdio.h> #define SIZE 5 void sumarr(int*p,int*u,int *s,int n); void p_sum(int*p,int n); int main(void){ int arr[SIZE]={1,2,3,4,5}; int arr2[SIZE]={1,2,3,4,5}; int sum[SIZE];
vue 数组 指定位置添加数据_VUE 响应式原理源码：带你一步精通 VUE
weixin_39917576的博客
11-21 1579
作者 | 爱编程的小和尚责编 | 王晓曼出品 | 优快云博客学过 VUE 如果不了解响应式的原理，怎么能说自己熟练使用 VUE，要是没有写过一个简易版的 VUE 怎么能说自己精通 VUE，这篇文章通过300多行代码，带你写一个简易版的 VUE，主要实现 VUE 数据响应式 (数据劫持结合发布者-订阅者)、数组的变异方法、编译指令，数据的双向绑定的功能。本文需要有一定 VUE 基础，并不适合新手学...
vue 判断两个对象的属性名是否相等相等就赋值
05-30
可以使用 `Object.keys` 方法获取对象的属性名数组，然后使用 `Array.prototype.every` 方法判断两个对象的属性名数组是否相等。如果相等，则可以使用 `Object.assign` 方法将第二个对象的属性值赋值给第一个对象。...
js vue v-for循环删除数组项（删不干净的问题）
a57521的博客
04-01 2549
js for循环删除数组项（删不干净的问题） 重点在与key-=1,要让key随着被截取后数组长度的变化而变化，截取一个，key少一次。 let val = this.childData.chackNumber for (let a = 0; a < val.length; a++) { if (val[a].chack == false) { ...
vue中根据id删除数组中对象的方法
热门推荐
NI_computer的博客
10-11 1万+
将对象都存放在一个数组中后，我们需要删除指定id的一组对象，有以下两种方法： 方法一： 使用findIndex找到数据位置后使用splice将其裁切。 //let一个index来接收findIndex的结果，这里arrText为要查找的数组 let index = this.arrText.findIndex((ele) => { return ele.id === id; }); console.log("index", index); /
在一个数组中删除另一个数组存在的值
达拉崩巴斑得贝迪卜多比鲁翁_
07-09 730
在一个数组中删除另一个数组存在的值 <script type="text/javascript"> //方法一： var arr = [1, 2, 3, 4, '1', 0, 1, 2, 'a', 'b']; var brr = [1, 2, 'a']; for(var i = 0;i < brr.length; i++) { for(var j = 0; j < arr.length; j++) { if(arr[j] === brr[i]) {
Vue中v-for循环数组，在方法中splice删除数组元素爬坑
The One Who's at the Front
05-09 1847
之前博客记录过普通for循环中，针对对应符合条件的元素，使用splice删除导致出现的问题。 众所周知，我们使用v-for循环dom/组件，它有两个属性，item：当前循环的每一个元素，index：当前循环元素所对应的下标。 个人习惯，平时绑定key值的时候，都习惯采用如下写法，直接绑定下标: <div v-else class="checkCavans" v-for="(item,index) in cavansArr" :key="index"> <rd-video
vue踩坑记：把对象中的数据同时赋给了两个变量，改变一个对象的值，另一个对象也变化了
l602108654的博客
08-16 1985
将请求到的数据中的某个值同时赋给了两个变量，改变其中一个变量的值，两个值全部变了，怎么处理？
vue splice 删除数组元素（对比slice）
weixin_41765715的博客
07-07 1492
有3个参数，它也可以用来。数组内某一个或者几个值。
怎样用一个方法去掉一个数组的重复元素
dengtiao5633的博客
11-07 449
今天在网上看到这个问题，所以我也尝试一下用几种不同的方法来解决这个问题。感谢您的查看，如有不足请指出。 1.遍历数组法 思路：首先想到的一个方法是遍历，将整个数组遍历一遍，如果之前没有出现过，将其放到一个新的数组中，最后返回这个数组。 function unique(array){ var n = [];//一个新的临时数组 //遍历当前数组 for(var i=...
Vue设置全局变量以及Vuex值当页面刷新时数据清空
CoderYin的博客
04-29 8696
Vue设置全局变量以及Vuex值当页面刷新时数据清空 一、src/api文件夹下新建globalVariable.js文件 // 题库id const questionBankId = ''; // 题库名称 const questionBankTitle = ''; // 定义普通章节id或者模考章节部分id const charpterIdx = ''; // 题库类型，...
JS数组存储（两个数组相等，一个改变，另一个跟着改变）
羽筠的博客
11-22 4566
JS数组存储（两个数组相等，一个改变，另一个跟着改变） 数组是一种引用数据类型，数组引用变量只是一个引用，数组元素和数组变量在内存里是分开存放的 实际的数组元素被存储在堆（heap）内存中；数组引用变量是一个引用类型的变量，被存储在栈（stack）内存中。 基本类型：基本的数据类型有：undefined，boolean，number，string，null。 基本类型存放在栈区，访问是按值访问的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值