js对象拷贝

怼烎@ 2022-05-11 08:33 163阅读 0赞

对象拷贝assign  
嵌套的对象不能复制 只拷贝一级对象，可循环实现  
可转换为json对象进行拷贝，再转换为普通对象  
[深拷贝与浅拷贝的区别][Link 1]  
深拷贝方法一：递归

function deepClone(obj){
        let objClone = Array.isArray(obj)?[]:{};
        if(obj && typeof obj==="object"){
            for(key in obj){
                if(obj.hasOwnProperty(key)){
                    //判断ojb子元素是否为对象，如果是，递归复制
                    if(obj[key]&&typeof obj[key] ==="object"){
                        objClone[key] = deepClone(obj[key]);
                    }else{
                        //如果不是，简单复制
                        objClone[key] = obj[key];
                    }
                }
            }
        }
        return objClone;
    }    
    let a=[1,2,3,4],
        b=deepClone(a);
    a[0]=2;
    console.log(a,b);

深拷贝方法二：JSON对象parse和stringify方法

function deepClone(obj){
        let _obj = JSON.stringify(obj),
            objClone = JSON.parse(_obj);
        return objClone
    }    
    let a=[0,1,[2,3],4],
        b=deepClone(a);
    a[0]=1;
    a[2][0]=1;
    console.log(a,b);

深拷贝方法三：jq的extend方法

$.extend( [deep ], target, object1 [, objectN ] )
    deep表示是否深拷贝，为true为深拷贝，为false，则为浅拷贝
    target Object类型 目标对象，其他对象的成员属性将被附加到该对象上。
    object1  objectN可选。 Object类型 第一个以及第N个被合并的对象。 
    let a=[0,1,[2,3],4],
        b=$.extend(true,[],a);
    a[0]=1;
    a[2][0]=1;
    console.log(a,b);

深拷贝方法四：使用lodash的cloneDeep方法

var objects = [{ 'a': 1 }, { 'b': 2 }];
     
    var deep = _.cloneDeep(objects);
    // deep[0].a = 3;
    console.log(deep[0]);
    console.log(objects[0]);
    console.log(deep[0] === objects[0]); //输出false
    
    // 顺便看下浅拷贝clone
    var objects = [{ 'a': 1 }, { 'b': 2 }];
     
    var shallow = _.clone(objects);
    shallow[0].a = 3;
    console.log(1,shallow[0]);
    console.log(2,objects[0]);
    console.log(shallow[0] === objects[0]); //输出true

[Link 1]: https://www.cnblogs.com/echolun/p/7889848.html

发表评论取消回复

表情：

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

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

相关阅读

相关 js深拷贝一个对象(可用)

//dataObj 是被复制的对象 //dataObj1 是储存的对象 var dataObj1={ }; dataObj1=JSON.pars

本是古典何须时尚/ 2023年06月13日 06:22/ 0 赞/ 5 阅读

相关 js对象的深拷贝

1、利用json转换，但是对象中的键不能为本身 function cloneJson(o) { return J

￡神魔★判官ぃ/ 2023年01月22日 14:53/ 0 赞/ 192 阅读

相关 js对象拷贝的方法

json转化方法 1. 适合情况： JSON对象的深度克隆。方法是先JSON.stringify() 转为json字符串，再JSON.parse() 转

清疚/ 2022年12月25日 01:51/ 0 赞/ 141 阅读

相关 JS 对象的深拷贝和浅拷贝

内容系转载，仅用于学习交流现象我们先来看一个demo // 我们先申明一个变量str1， // 然后把变量str1负值（拷贝）给变量str2

刺骨的言语ヽ痛彻心扉/ 2022年12月23日 09:41/ 0 赞/ 200 阅读

相关 js 对象拷贝的三种方法，深拷贝函数。

js 对象拷贝的三种方法以下面数据格式obj 为主： const obj = { data: 1, un: undefine

不念不忘少年蓝@/ 2022年10月04日 15:50/ 0 赞/ 228 阅读

相关 js数组、对象、值拷贝方法总结

前言：我们都知道在java中存在基本数据类型和引用数据类型，在对基本数据类型进行拷贝的时候直接使用等号（=）赋值即可，但是对于引用类型拷贝则需要复写Objec

古城微笑少年丶/ 2022年06月13日 07:40/ 0 赞/ 310 阅读

相关 js对象的拷贝

对象浅复制 Object.prototype.clone = function(){ var newObj = {}; for(var i in

Dear 丶/ 2022年05月28日 02:44/ 0 赞/ 158 阅读

相关 js对象拷贝

对象拷贝assign 嵌套的对象不能复制只拷贝一级对象，可循环实现可转换为json对象进行拷贝，再转换为普通对象 [深拷贝与浅拷贝的区别][Link 1]

怼烎@/ 2022年05月11日 08:33/ 0 赞/ 164 阅读

相关 JS拷贝一个对象的疑问

今天写代码时，需要拷贝一个对象，然后改变新对象的属性而不影响原对象属性的值。我用Object.assign()实现了想要的效果。然后我发现Object.assign()

小灰灰/ 2022年03月17日 07:26/ 0 赞/ 188 阅读

相关 [log] js对象拷贝

js对象拷贝深拷贝 var clone = function (obj) { if(obj === null) return null

向右看齐/ 2021年09月16日 12:03/ 0 赞/ 302 阅读