es6 ...克隆与函数深度克隆

爱被打了一巴掌 2021-12-15 03:05 251阅读 0赞

es6的...运算, 可以进行一层的深度克隆; 在多层的情况下,不要用这种啊.

用深度克隆函数,或者JSON.parse(JSON.stringify(obj)),但json方式要求不能有属性值是函数的对象

1 const obj = {
     2     name:'laowang',
     3     son:{
     4         name:'xiaowang'
     5     }
     6 }
     7 const obj3 = {};
     8 obj3.name = obj.name;//这个效果和...运算时一致的;注意这和两个对象的地址一样的情况不同
     9 const obj1 = {...obj};
    10 const obj2 = obj;
    11 obj.name = "laoli";
    12 console.log(obj1.name)//laowang 进行了深度克隆,和obj3的效果一样
    13 console.log(obj2.name)//laoli
    14 console.log(obj3.name)//laowang

用JSON的方式:

const obj = {
        name:'laowang',
        son:{
            name:'xiaowang'
        },
        fn: function(){
            console.log('fn')
        }
    }
    
    const obj1 = JSON.parse(JSON.stringify(obj));
    obj.name = 'laoli'

obj1

1.  \{ name: "laowang", son: \{…\}\}
    
    1.  name: "laowang"
    2.  son: \{ name: "xiaowang"\}
    3.  \_\_proto\_\_: Object //第三项的fn没克隆出来

转载于:https://www.cnblogs.com/dangdanghepingping/p/10577665.html

发表评论取消回复

表情：

评论列表（有 0 条评论，251人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS —— 深度克隆

　　　　　// 深度克隆 // 将obj的属性克隆到obj1上面。 // 在obj1上面添加属性不影响obj上面的属性

比眉伴天荒/ 2023年06月03日 03:00/ 0 赞/ 2 阅读

相关 ES6--深度克隆（深拷贝和浅拷贝）

拷贝数据：基本数据类型：拷贝后会生成一份新的数据，修改拷贝以后的数据不会影响原数据对象/数组拷贝后不会生成新的数据，而是拷贝引用，修改拷贝后的数据会影响原数据

傷城~/ 2022年12月06日 12:38/ 0 赞/ 754 阅读

相关 JavaScript初学学习笔记6：JavaScript之克隆（浅层克隆，深度克隆）

浅层克隆要将对象 obj 克隆给对象 obj1 //浅层克隆实现 var obj = { name: 'abc',

爱被打了一巴掌/ 2022年11月24日 14:21/ 0 赞/ 143 阅读

相关 java 反射深度克隆_反射实现java深度克隆

一、克隆有时想得到对象的一个复制品，该复制品的实体是原对象实体的克隆。复制品实体的变化不会引起原对象实体发生变化，这样的复制品称为原对象实体的克隆对象或简称克隆。 1、浅

r囧r小猫/ 2022年11月03日 00:50/ 0 赞/ 186 阅读

相关 java 深度与浅克隆

现在Clone已经不是一个新鲜词语了，伴随着“多莉”的产生这个词语确实很“火”过一阵子，在java中也有这么一个概念，它可以让我们很方便的“制造”出一个对象的副本来，下面来具体

Myth丶恋晨/ 2022年08月14日 01:52/ 0 赞/ 163 阅读

相关深度克隆

1.遍历对象 for(var prop in obj) 2.判断是不是原始值 typeof() 3.判断是数组还是对象 instanceof toString cons

野性酷女/ 2022年06月03日 06:30/ 0 赞/ 205 阅读

相关 JavaScript-深度克隆

浅克隆:被复制对象的所有变量都含有与原来的对象相同的值，而所有的对其他对象的引用仍然指向原来的对象。深度克隆:复制对象的所有变量都含有与原来的对象相同的值，除去那些引用其他

﹏ヽ暗。殇╰゛Y/ 2022年05月27日 03:21/ 0 赞/ 183 阅读

相关 js深度克隆对象

js深度克隆对象用js实现对象克隆最关键的两点就是：var objClone = new this.constructor();和objClone\[key\] = t

短命女/ 2022年04月15日 02:22/ 0 赞/ 220 阅读

相关 java的深度克隆和浅度克隆

　说到克隆，其实是个比较简单的概念，跟现实生活正的克隆一样，复制一个一模一样的对象出来。clone()这个方法是从Object继承下来的，一个对象要实现克隆，需要实现一个叫做C

╰+攻爆jí腚メ/ 2022年03月25日 04:58/ 0 赞/ 251 阅读

相关 es6 ...克隆与函数深度克隆

es6的...运算, 可以进行一层的深度克隆; 在多层的情况下,不要用这种啊. 用深度克隆函数,或者JSON.parse(JSON.stringify(obj)),但json

爱被打了一巴掌/ 2021年12月15日 03:05/ 0 赞/ 252 阅读