站長資訊網
        最全最豐富的資訊網站

        Javascript如何復制對象

        Javascript復制對象的方法:1、把原來對象的屬性遍歷一遍,賦給一個新的對象;2、將對象變為字符串,然后再變為json對象;3、concat一個空數組;4、通過擴展運算符實現對象的深拷貝;5、通過ES6擴展運算符實現數組的深拷貝。

        Javascript如何復制對象

        本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

        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] = 5console.log(arr) console.log(arr2)

        Javascript如何復制對象

        推薦學習:《javascript高級教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 精品久久久久久无码中文字幕一区| 99精品免费视品| 国产精品美女一区二区视频| 国产精品无码无卡无需播放器| 久久婷婷国产综合精品| 久久久精品久久久久久| 久久精品一区二区| 精品无码日韩一区二区三区不卡| 欧美日韩精品一区二区三区不卡 | 久久久91精品国产一区二区三区| 亚洲AV成人精品网站在线播放| 欧美精品区一级片免费播放| 国产成人精品久久亚洲| 国产精品网址你懂的| 国产午夜福利精品一区二区三区| 中文精品无码中文字幕无码专区| 久久精品无码一区二区app| 国产精品免费看久久久香蕉| 午夜精品美女写真福利| 精品久久久久久久| 国产精品成人观看视频免费| 国产精品国产三级国产AV主播| 香蕉依依精品视频在线播放 | 99re6在线视频精品免费| 九九精品99久久久香蕉| 日韩精品少妇无码受不了| 亚洲精品无码MV在线观看| 亚洲人午夜射精精品日韩| 欧美精品免费专区在线观看| 久久久久久噜噜精品免费直播| 精品精品国产国产| 国模精品一区二区三区| 九九线精品视频在线观看| 国产亚洲精品不卡在线| 国产精品片在线观看手机版| 成人午夜精品久久久久久久小说 | 久久99精品久久久久久不卡| 国产精品一区三区| 久久精品国产一区二区电影| 亚洲AV永久无码精品一区二区国产| 亚洲AV永久无码精品一区二区|