vue 對資料的克隆

頨灧襷瀔發表於2019-04-25

調函式deepClone()即可 此資料克隆不影響原始資料開闢棧空間

例如對 data中tableData複製 即 deepClone(this.tableData)

 judgeType(obj) {
  // tostring會返回對應不同的標籤的建構函式
    const toString = Object.prototype.toString;
    const map = {
      '[object Boolean]': 'boolean',
      '[object Number]': 'number',
      '[object String]': 'string',
      '[object Function]': 'function',
      '[object Array]': 'array',
      '[object Date]': 'date',
      '[object RegExp]': 'regExp',
      '[object Undefined]': 'undefined',
      '[object Null]': 'null',
      '[object Object]': 'object',
    };
    if (obj instanceof Element) {
      return 'element';
    }
    return map[toString.call(obj)];
  },
  deepClone(data) {
    const type = this.judgeType(data);
    let obj;
    if (type === 'array'){
      obj = [];
    } else if (type === 'object') {
      obj = {};
    } else {
  // 不再具有下一層次
      return data;
    }
    if (type === 'array'){
      for (let i = 0, len = data.length; i < len; i++) {
        obj.push(this.deepClone(data[i]));
      }
    } else if (type === 'object') {
      // 對原型上的方法也拷貝了....
      for (const key in data) {
        obj[key] = this.deepClone(data[key]);
      }
    }
    return obj;
  },

相關文章