我们在JS程序中需要进行频繁的变量赋值运算，对于字符串、布尔值等可直接使用赋值运算符 “=” 即可，但是对于数组、对象、对象数组的拷贝，我们需要理解更多的内容。 首先，我们需要了解JS的浅拷贝与深拷贝的区别。 我们先给出一个数组： 现在怎么创建一份arr数组的拷贝呢？直接执行 ...

javascript 数组以及对象的深拷贝（复制数组或复制对象）的方法 前言 在js中，数组和对象的复制如果使用=号来进行复制，那只是浅拷贝。如下图演示： 如上，arr的修改，会影响arr2的值，这显然在绝大多数情况下，并不是我们所需要的结果。 因此，数组以及对象的深拷贝 ...

...

博客地址：https://ainyi.com/72 JavaScript 程序中，对于简单的数字、字符串可以通过 = 赋值拷贝 但是对于数组、对象、对象数组的拷贝，就有浅拷贝和深拷贝之分 浅拷贝就是当改变了拷贝后的数据，原数据也会相应改变 来说说深拷贝 数组深拷贝 遍历赋值 不推荐 ...

为了解除引用关系复制对象或者数组，如果是浅层的数组或对象(也就是数组中不包含对象或数组)，可以通过slice或者concat方法直接实现。 也可以通过自己的方法实现，就是遍历数组或对象，返回新数组或者对象。 那么如何实现拷贝包含对象或者数组 ...

结论：对象的拷贝不能采用直接赋值的方式。 背景 踩过的坑如下： formData本来是父组件传过来的，但是我不想直接用，于是我直接赋值给一个formDataCopy的对象。 但是诡异的事情发生了，就是在我填写自己的表单组件的时候，一旦表单的数据发生的变化时，本来是 ...

对象深拷贝的我们都知道Object.assign方法，但要注意的是此方法只对对象有用。 数组对象的话，就是数组中包含多个对象，实现深拷贝可以这样实现： 方法一：循环数组每个对象都复制（其实还是对象复制） for(let i=0;i<res.data.length;i++ ...

浅拷贝 ： 就是两个js 对象指向同一块内存地址，所以当obj1 ，obj2指向obj3的时候，一旦其中一个改变，其他的便会改变！ 深拷贝：就是重新复制一块内存，这样就不会互相影响。 有些时候我们定义一个数组，把这个数据赋值给跟多对象数组中的一个字段，当我们改变对象数组中的该字段 ...