js代码积累：js对象复制

对象复制

在写vue相关代码时，有时把同一个对象或者数组赋值给不同的变量，如果修改其中一个值，另外一个变量的值也会变化，如下：

let orderDetailList = this.order.orderDetailList;        if (orderDetailList != undefined && typeof(orderDetailList) != undefined && orderDetailList != '')  {            for (let i in orderDetailList) {                                this.productTable.push(orderDetailList[i]);            }        }

因为某些需求，我修改了this.productTable的值，结果this.order.orderDetailList中的内容也发生了变化。原因很简单，两个数组中的对象是相同内容的引用。
为了解决这个问题，想到了一种方法，把this.order.orderDetailList中对象的内容全部复制到新的对象上，这样既能把值传过去，修改也不会影响原来的值，但是js对象复制代码没有写出来，从网上找了一篇博客，解决了我的问题，代码如下：

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

赋值代码改成下面样子：

let orderDetailList = this.order.orderDetailList;        if (orderDetailList != undefined && typeof(orderDetailList) != undefined && orderDetailList != '')  {            for (let i in orderDetailList) {                let asd = this.cloneObj(orderDetailList[i]);                this.productTable.push(asd);            }        }

这样问题就解决了。

复制代码来自博客