欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js-数组/对象深度复制的方法

程序员文章站 2022-06-28 13:38:08
对象、数组,这类元素在电脑中其实是以指针形式(也就是一个地址)保存,所以浅复制(var a = {}; let b = a;)会使得修改 b 时 a 也随之改变(因为两者是引用同一个对象的地址)。所以复制时为了不修改原对象/数组,就需要深度复制。一般是向内递归到不再是数组对象再复制(因为字符串数字这类就是直接存储、没有深浅复制的区别)。记录一下自己的常用方法(格式是从vue项目里拿的,用的es6;es5就’let’换’var’)://深度复制对象 cloneObj(obj) { let...

对象、数组,这类元素在电脑中其实是以指针形式(也就是一个地址)保存,所以浅复制(var a = {}; var b = a;)会使得修改 b 时 a 也随之改变(因为两者是引用同一个对象的地址)。

所以复制时为了不修改原对象/数组,就需要深度复制。一般是向内递归到不再是数组对象再复制(因为字符串数字这类就是直接存储、没有深浅复制的区别)。
记录一下自己的常用方法(格式是从vue项目里拿的,用的es6;es5就’let’换’var’):


//深度复制对象
 cloneObj(obj) {
     let newObj = {};
     if (typeof obj === 'object') {//数组或对象
         if (obj instanceof Array) {
             newObj = [];
         }
         for (var key in obj) {
             let val = obj[key];
             newObj[key] = (typeof val === 'object') ? this.cloneObj(val) : val;
         }
         return newObj;
     } else {
         return obj;
     }
 },

本文地址:https://blog.csdn.net/u013269704/article/details/107530691

相关标签: js javascript