JS中对象赋值只传值不传对象（地址）的方法，改变新值不影响旧值

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

#js

探讨了在JavaScript中对象赋值导致的数据引用问题，特别是在Vue框架下，修改新对象时旧对象也发生变化的现象。解释了这是因为JS使用地址引用，实际操作的是同一对象。

当我把对象赋值给新的对象后，新的对象改变了，旧的对象也会跟着改变(这是里使用vue)，如：

console.log('data.data.draft.expiryDate-old=',data.data.draft.expiryDate) =>20-12-20

vm.$set(vm,'draftDetail',data.data.draft);
vm.draftDetail.expiryDate = '20'+data.data.draft.expiryDate;

经过上面的代码后：

console.log('data.data.draft.expiryDate-old=',data.data.draft.expiryDate) =>2020-12-20

出现这问题，主要是因为在JS里面使用的是地址引用，所以无论你修改的是新对象还是旧对象，实际上操作的都是同一个对象。

这里是只给出原因，如何因为本人无需继续下一步，同时，给出原因，按照题目能百度找到答案

js 数组只传值，不传地址
Joker's blog
08-03 2694
问题：JS有个很严重的bug，就是如果使用 "="进行赋值的时候，若新变量的值改了，旧的变量也会跟这边 如 A = "old"; B = A;//此时A="old",B="old" 接着： B = "new";//此时A="new",B="new" 是不是很烦，原因是因为js默认是地址传值(不懂的可以参考：C语言相关的-指针及地址传值)，所以解决办法用下面语法替换就行了 B =...
react中父子组件传值详解，如何进行传值校验（父传子，子组件改变父组件的值）
weixin_45745641的博客
03-12 2402
文章目录父子组件的传值父子组件重名问题解决子组件改变父组件的值传值校验 父子组件的传值 在react中，父传子可以使用props的方法，子传父使用props的回调函数 父组件： 在父组件中定义state，将这个state对象传给子组件，所以可以直接在son组件上写{…this.state} import React, { Component } from 'react' import Son from './son' export class Parent extends Component {
vue data数据修改_前端开发：Vue中双向数据绑定的简单使用
weixin_39849070的博客
11-20 446
在Vue.js开发过程中，数据处理是一个很重要的部分，尤其是Vue是一个MVVM的框架，也就是Vue经常谈到的双向数据绑定。双向数据绑定的大概原理就是：当数据发生改变变化的时候，视图也跟着发生变化；当视图发生改变变化的时候，数据同时跟着发生变化。 Vue.js是采用数据劫持结合发布者-订阅者模式的方式，是根据Object.defineProperty() 这个方法重新定义对象获取属性值和...
JS中对象赋值只传值不传对象（地址）的方法，改变新值不影响旧值的两种方法...
weixin_30535843的博客
04-02 904
方法一 　　利用JSON.parse()和JSON.stringify() 对对象进行深层拷贝 　　 var data={a:1,b:2,c:3,d:4}; var newData=JSON.parse(JSON.stringify(data)); newData.a="1111111" console.log(newDat...
JS 直接赋值与引用式赋值
qq_57210054的博客
05-05 521
JS 直接赋值与引用式赋值 文章目录JS 直接赋值与引用式赋值基本概念传值赋值（值传递）引用赋值(传地址）图像示例 在JavaScript中基本（简单）数据类型都是传值赋值，复杂数据类型都是引用赋值(传地址） 基本概念 简单数据类型：在存储变量中存储的是值本身：string number boolean undefined null 复杂数据类型：在存储时变量中存储的仅仅是地址，因此叫，通过new关键字创建的对象：Object，Array，Date等 简单数据类型 是存放在栈里面，里面直接开辟.
javascript引用赋值（地址传值）用法实例
10-24
JavaScript中的引用赋值，也称为“地址传值”，是一种特殊的数据传递方式，它涉及到对象、数组和函数等复杂数据类型的赋值操作。在JavaScript中，基本类型如字符串、数字和布尔值是通过值来传递的，而引用类型则是...
解决vue组件props传值对象获取不到的问题
10-16
在父组件中，我们不再直接对`personal`对象赋值，而是在数据获取后，使用一个方法来重新赋值，并在赋值的同时，可以利用`watch`来监听`personal`对象的改变。在子组件中，同样利用`watch`属性来监听`personal`对象的...
深入理解JavaScript中的传值与传引用
10-26
JavaScript中的传值与传引用是理解函数参数传递的关键，它涉及到数据类型的处理方式。在JavaScript中，主要有两种数据类型：基本类型（Primitive Types）和引用类型（Reference Types）。基本类型包括undefined、...
一个属性给另一个属性赋值时怎么做到只传值，不同步改变
最新发布
03-23
在编程中，当需要给一个属性赋值另一个属性值且实现"传值不传引用"时，需要通过创建值的副本来实现。以下是分步解决方案： 1. **理解引用类型与值类型** - 值类型（如数字、字符串）直接复制值 - 引用类型（如对象...
js 对象、数组赋值不指定路径（简洁写法）
weixin_48495574的博客
12-01 710
问题描述：js的变量赋值，如果是string、int、bool是直接复制一份，而array、obj赋值是指定路径（既更改新赋值的变量会影响之前的变量）； 解决方法： //要赋值的数据 let item={name:'张三',age:'20',sex:'男'}; let list=[{name:'张三',age:'20',sex:'男'},{name:'李四',age:'25',sex:'女'},{name:'王五',age:'27',sex:'男'}]; //被赋值的数据 let pageItem={..
const（因为地址值无法修改对象无法修改，但是对象的内部属性的地址值可以修改）和let
lazylYYY的博客
07-13 244
不能修改是因为对象的内存地址值不能修改， 但是 对象的内部属性可以修改。
Vue 把一个对象赋值给多个属性，让属性之间不是指向同一个地址
zcl520sy的博客
04-09 1462
JSON.parse(JSON.stringify(this.tableData))
vue中数组赋值给一个变量，修改变量值数组的值也会改变的问题。
weixin_50917325的博客
12-04 929
此时发现，打印的arr全都包括了test:"测试用例"的一个字段，也就是说，我在改变赋值的变量的时候，也同时改变了arr这个数组。去找了资料发现：这好像是vue的深拷贝和浅拷贝的知识点（我比较少做前端，并且是个编程小白，所以不太了解）使用：JSON.parse(JSON.stringify(item))
JS对象之间的赋值
drunk2的博客
11-03 5331
在写代码过程中，经常遇到对象赋值的情况。此文章记录一下对象之间赋值的几种方式。
js数组对象进行合并以及对象进行替换
weixin_45389051的博客
12-01 5399
两个不同数组中的对象进行合并,最终合并成一个数组，并且属性名也放在同一个对象里面 var obj1 = [{ "id": 1, }, { "id": 2, }]; var obj2 = [{ "width": "10" }, { "height": "2" }]; var obj = obj1.map((item,index) => { return {...item, ...obj2[index]}; }); 数组中，用另外一个对象替换当前数组中任意一个对象 var o
vue避免引用赋值
assassin_0302的博客
09-06 836
引用赋值：一个值，多个地方使用，改变一个，其他都改变，因为都是引用同一个地址的数据 import Vue from 'vue' new vue({ el:"#app", data:{ a:1, b:2 } }) 如何避免： 使用函数返回 data:function(){ return { a:1, b:2 } } ...
04、javascript 修改对象中原有的属性值、修改对象中原有属性的名字(两种方式)、添加对象中新属性等的操作
狮子座的男孩
09-08 5342
/ 想将obj中的flag值，根据不同的值来变化(即：修改对象中原有的属性值)；
JS对象：传值和传址
沉梦昂志
07-03 505
理论基础 JS中的所有变量都保存在栈内存中 基本数据类型的值直接保存在栈内存中 对象的值保存在堆内存中，栈内存中保存的是对象的地址 赋值操作a=b都会复制栈内存中的值，只是对象在栈内存中的存的是地址 传值 基本数据类型 String Number Boolean Null Undefined 都是传值 // 下方代码中，修改 b 的值之后，a 的值并不会发生改变 var a = 1; var b = a; b = 2; console.log(a,b) /
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值