zoukankan      html  css  js  c++  java
  • js 对象克隆的三种方式

    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  
    
    • 将对象序列化再解析回来,对象中如果有函数function则不能正确复制
    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);  
    
    
  • 相关阅读:
    JS 数组及函数的应用
    JavaScript 基础知识点
    利用css布局效果图
    css 区块与盒子模型
    JS数组及函数的应用
    JavaScript基础
    近期总结12.30
    层叠样式与盒子模型
    PHP课后小结 2017.12.22
    PHP课后小结 12.20
  • 原文地址:https://www.cnblogs.com/bitlei/p/14989095.html
Copyright © 2011-2022 走看看