vue 對資料的克隆
調函式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;
},
相關文章
- vue陣列的深克隆和淺克隆Vue陣列
- 2.10 克隆資料庫資料庫
- vue 克隆物件時遇到的問題Vue物件
- 2.10.1.2 使用CloneDB克隆資料庫資料庫
- [20180529]克隆資料庫與dblinks注意.txt資料庫
- 2.10.1.3 使用 CloneDB克隆資料庫後續資料庫
- 2.10.1.1 有關使用CloneDB克隆資料庫資料庫
- 【vue3】學習對store中資料的使用Vue
- 小程式與Vue對比·資料繫結Vue
- Node+Vue實現對資料的增刪改查Vue
- Git克隆其他分支下的專案到特定資料夾Git
- 淺克隆和深克隆的用法
- Vue原始碼學習: 關於對Array的資料偵聽Vue原始碼
- 如何讓 MGR 不從 Primary 節點克隆資料?
- 2.10.3 使用 Oracle Automatic Storage Management (Oracle ASM) 克隆資料庫OracleASM資料庫
- 深入理解Java的淺克隆與深克隆Java
- 【配置上線】Linux克隆安裝Oracle資料庫軟體LinuxOracle資料庫
- vue對table的某一行的資料進行編輯,刪除操作Vue
- Vue.js - 陣列和物件的賦值動態變化 & 克隆Vue.js陣列物件賦值
- 原生js實現物件的深克隆以及淺克隆JS物件
- Oracle 12.2 新特性:線上PDB資料庫克隆(Pluggable Hot Clone)Oracle資料庫
- js中深克隆與淺克隆JS
- 在vue框架中使用axios對接介面訪問資料的四種情況Vue框架iOS
- 對VUE框架的理解Vue框架
- 對 JSON 資料的搜尋JSON
- 資料庫——對索引的理解資料庫索引
- VUE 傳遞資料Vue
- js物件的深度克隆!JS物件
- Java中的物件“克隆”Java物件
- 淺克隆深克隆舉例解讀
- 使用 jQuery 讀取 Vue 元件的資料jQueryVue元件
- vue元件之間的資料傳遞Vue元件
- 通過Vue的過濾器實現資料的資料脫敏Vue過濾器
- 如何基於實時聲紋變聲實現對聲音的“克隆”
- JAVA 基礎 – clone淺克隆與深克隆Java
- 2.10.1 在non-CDB(非多租戶)環境中克隆資料庫資料庫
- 【BUILD_ORACLE】使用Oracle資料泵線上不停機克隆/遷移PDBUIOracle
- 對Vue插槽slot的理解Vue