JS对象克隆，js改变新对象的值不影响引用对象的值，亲测有效

最新推荐文章于 2024-07-03 10:04:05 发布
最新推荐文章于 2024-07-03 10:04:05 发布
阅读量3.7k 收藏 3
点赞数 1
分类专栏： Vue.js框架开发 Java web开发 JavaScript 文章标签： JS对象克隆 js改变新对象的值不影响引用对象的值 vue对象复制 js对象复制
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dream_xun/article/details/84836773
版权

话不多说，直接上代码

getChildFormData(row,data){
    this.form = {id:this.form.id}
    this.form.produceId = row.id
    this.arrData = data //这样赋值其实就是引用，地址相同，
    alert(this.arrData===data) //使用===（绝对等于）打印 true
    this.arrData = JSON.parse(JSON.stringify(data)) //这样赋值可以起到克隆的效果，值相同，地址不同
    alert(this.arrData===data);return; //使用===（绝对等于）打印 false

 

Dream_xun
关注
专栏目录
克隆javascript对象的三个方法小结
10-28
在JavaScript编程中，克隆对象是一项常见的操作，用于创建一个与原对象具有相同属性和值的新对象，但不共享原始对象的引用。这里我们将详细讨论三种克隆JavaScript对象的方法。 ### 方法一：递归深度复制 ```...
JavaScript对象之深度克隆介绍
10-25
JavaScript对象的深度克隆是一种创建一个全新对象的过程，这个新对象与原始对象具有相同的数据结构，包括嵌套的对象和数组，但所有数据都是独立的副本，不会因为原对象的修改而受到影响。在JavaScript中，浅克隆只...
让一个对象=另一个对象，修改一个对象的值，如何不影响另一个的值
wangkr的专栏
08-02 1万+
我有一个自己作的class(LinkedStack)，然后声明了两个对象LinkedStack temp = new LinkedStack();LinkedStack Path。 但是，当我用temp = Path;把path的值给了temp以后；我对temp进行一些删除，但是path里面的值也没了。 请问如何把path的值赋给temp，但是修改temp的时候不影响path。
JS不使用替换进行替换
weixin_45820444的博客
10-30 427
    首先我们从题意中可以读出：“不能使用比较、查找、替换”函数，也就是说我可以使用分割、组合方法。 于是我写出了如下代码： var str = "我喜欢南极和北极，喜欢荒漠大戈壁"; str = str.split(''); console.log(str.join('')); for(var i=0;i<str.length;i++){ var temp = str[i]+str[i+1]; if(temp=="喜欢"){ str[i]="讨"; .
如何在JS中克隆对象举例说明
最新发布
codemami的博客
07-03 526
注意，上面的深克隆实现中使用了WeakMap来存储已经克隆过的对象，以避免循环引用导致的问题。然而，对于更复杂的对象（如包含函数、Map、Set等的对象），你可能需要扩展这个函数来适应这些特殊情况。在JavaScript中，克隆对象可以分为浅克隆（shallow clone）和深克隆（deep clone）两种。浅克隆只复制对象的第一层属性，如果对象的属性值还是对象，则只复制其引用；// true，说明b是引用的复制。以下是一个简单的深克隆实现，注意这个实现不处理特殊对象（如函数、Date等）和循环引用。
坑：js对象赋值会影响原对象
qq_44808404的博客
01-17 1932
JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式； 现象：目前创建有两个对象值，当将其中的一个对象值赋值给另一个对象时，会导致修改该新对象时，原对象职业发生改变 var obj1={name:'1233'}; var obj2=obj1; obj2.name='2222'; console.log(obj1.name);//'2222' 出现这个现象的原因是：JavaScript中对象的赋值是默认引用赋值的（两个对象所存储的
JS 克隆数据
weixin_30564785的博客
03-22 240
function clone(obj){ var type = Object.prototype.toString.call(obj).slice(8,-1).toLowerCase(); if(type=='object'){ var json = {}; for(i in obj){ if(obj.hasOwnProperty(i)){ json[i]...
JS对象的使用（赋值+复制+克隆+销毁）
piaoyangyiye的博客
05-31 1187
对象是引用型、复合型数据，因此对象的操作主要包括引用、复制、克隆和销毁等。 引用对象 对象是引用型数据，赋值操作实际上就是赋予地址。 示例 下面示例定义一个对象 obj，然后赋值给 obj1 后，obj 就全等于 obj1，它们都引用同一个对象，也就是说它们的值都是同一个地址。 var obj = { //定义对象 x : true, y : false } var obj1 = obj; //引用对象 console.log(obj1 === obj); //true，说明两个
js克隆对象、数组的常用方法介绍
10-26
在前端开发中，处理JavaScript对象和数组的克隆是一个常见的需求。克隆对象或数组可以让我们对它们进行操作，而不影响原始数据。本文将介绍几种在JavaScript中常用的对象和数组克隆方法，并讨论在涉及iframe父子窗口...
JS克隆，属性，数组，对象，函数实例分析
11-27
在JavaScript中，克隆对象是创建一个新对象，该对象具有与原始对象相同的属性和方法，但不共享相同的引用。这在需要复制复杂对象时特别有用，以避免修改副本时影响到原始对象。本文通过实例讲解了如何在JavaScript中...
JavaScript 深层克隆对象详解及实例
11-30
JavaScript中的对象克隆，尤其是深层克隆，是一个重要的概念，主要用在数据处理和状态管理中，以确保复制的对象与原对象独立，互不影响。在JavaScript中，对象是引用类型，意味着当你创建一个对象并赋值给另一个变量...
js对象克隆的几种方法
爱的叹息的专栏
11-23 6354
在js中对象克隆就是把对象值重新赋给一个新对象。克隆也存在深克隆于浅克隆的区别。引用类型的值都会被保存在堆内存中，在栈内存中会存在一个指针指向堆内存中的值。这时，如果只复制了指针，则可以说这个克隆为浅克隆，如果时根据指针找到具体的值，复制值，就可以称之为深克隆。
04、javascript 修改对象中原有的属性值、修改对象中原有属性的名字(两种方式)、添加对象中新属性等的操作
狮子座的男孩
09-08 4508
/ 想将obj中的flag值，根据不同的值来变化(即：修改对象中原有的属性值)；
JS中修改对象的值
u013164983的博客
06-19 8006
转自：https://www.cnblogs.com/IwishIcould/p/11780195.html var array = [ { id:1, name:"小明" }, { id:2, name:"小红" } ]; /**/ //旧key到新key的映射 var keyMap = { .
在 JavaScript 中深度克隆对象
m0_63639281的博客
09-29 2305
在 JavaScript 中深度克隆对象
js对象
Eliauk的博客
09-09 217
对象 object 类 class 类是对象的抽象 对象是类的实例化 字面量方式定义对象，格式为 let obj={ key:value,key1:value} let zhangsan = { username: '张三', age: 20, gender: '男', hobbies: ['篮球', '唱跳'], eat: function () {
js如何复制一个对象？
热门推荐
08-13 4万+
js如何复制一个对象
js修改数组中对象的key值
bidepanm的博客
06-20 7585
vue修改数组中对象的key值
JavaScript浅深克隆理解与实现
JavaScript中的克隆技术主要用于创建一个对象的副本，而这个副本与原对象独立，改变副本不会影响到原对象。克隆分为浅层克隆和深度克隆，它们在处理对象属性时有显著的不同。 1. 浅层克隆 浅层克隆只复制对象的顶层...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值