zoukankan      html  css  js  c++  java
  • js如何复制一个对象?

    方法一:

    把原来对象的属性遍历一遍,赋给一个新的对象。

    //深复制对象方法    
    var cloneObj = function (obj) {  
        var newObj = {};  
        if (obj instanceof Array) {  
            newObj = [];  
        }  
        for (var key in obj) {  
            var val = obj[key];  
            //newObj[key] = typeof val === 'object' ? arguments.callee(val) : val; //arguments.callee 在哪一个函数中运行,它就代表哪个函数, 一般用在匿名函数中。  
            newObj[key] = typeof val === 'object' ? cloneObj(val): val;  
        }  
        return newObj;  
    };  
    //测试    
    var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//设置一个对象  
    newObj = cloneObj(obj);//复制对象  
    newObj.b.c=2;//给新对象赋新值  
    obj.a();//1,不受影响  
    newObj.a();//2  

    方法二:

    1). 先将对象变为字符串,然后再变为json对象,防止对象的指针指向问题,为深拷贝

    2). undefined 和 function 类型的属性会被忽略,而 Date 类型的属性则会被转换为字符串

    var obj = {a:1,b:2}  
    var newObj = JSON.parse(JSON.stringify(obj));  
    newObj.a=3;  
    console.log(obj);  
    console.log(newObj);  

    方法三:

    针对数组对象的方法,用数组方法concat一个空数组

    var a=[1,2,3];  
    var b=a;  
    var c=[].concat(a);  
    a.push(4);  
    console.log(b);  
    console.log(c); 

     方法四:

    扩展运算符实现对象的深拷贝

    var obj = {
      name: 'FungLeo',
      sex: 'man',
      old: '18'
    }
    var { ...obj2 } = obj
    obj.old = '22'
    console.log(obj)
    console.log(obj2)

    方法五:

    ES6扩展运算符实现数组的深拷贝

    var arr = [1,2,3,4,5]
    var [ ...arr2 ] = arr
    arr[2] = 5
    console.log(arr)
    console.log(arr2)

    转自:https://blog.csdn.net/liyujia6636/article/details/52198128

  • 相关阅读:
    观察者模式
    饿汉单例模式 and 懒汉单例模式
    解决hash冲突之分离链接法
    bat处理文件
    使用json-org包实现POJO和json的转换
    并发修改异常(ConcurrentModificationException)
    封装特效记录--持续更新
    vue loading组件
    vue授权页面登陆之后返回之前的页面
    vue 路由权限
  • 原文地址:https://www.cnblogs.com/hjbky/p/9068258.html
Copyright © 2011-2022 走看看