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);
            }
        }

这样问题就解决了。

复制代码来自博客