JS中为对象数组添加新对象结果导致数组中已存在的对象也修改了

问题描述

为对象数组添加新对象结果导致数组中已存在的对象也改变了
我需要将一个空数组中存放已有的某个对象，这个对象是复用的，结果每次执行添加后所有对象都成为了最后添加的那个。

this.ObjList.push(this.Obj);

问题分析

因为数组是引用传递而不是值传递，指向的是同一个内存地址 ,所以赋值给数组里的对象其实一直都是同一个地址里存的同一个数组 ，所以最后一次输入的值会将每个引用的值都修改。

解决方法

先先将需要操作的Obj对象转换成字符串，然后再转换成对象这样就会新分配一块内存新创建一个对象。

this.ObjList.push((JSON.parse(JSON.stringify(this.Obj))));