迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
什么是浅克隆、深克隆浅克隆:直接将存储在栈中的值赋值给对应变量,如果是基本数据类型,则直接赋值对应的值,如果是引用类型,则赋值的是地址。 1.对数组进行克隆1.1 浅克隆使用for循环进行浅克隆。 var arr1 = ['demo', 1, 2]; var arr2 = []; // 数组的浅克隆 for (var i = 0; i < arr1.length; i++) { arr2[i] = arr1[i]; } console.log(arr2); console.log(arr1 == arr2); 输出结果:
1.2 深克隆使用递归进行深克隆。 function deepClone(o) { var result = []; for (var i = 0; i < o.length; i++) { result.push(deepClone(o[i])); } return result; } 2.对非数组对象进行克隆2.1 浅克隆使用for循环进行浅克隆。 var obj1 = { a: 1, b: 2, c: 3, d: [4, 5, { e: 'demo' }] }; var obj2 = {}; // 对象的浅克隆 for (var i in obj1) { obj2[i] = obj1[i]; } console.log(obj2); console.log(obj1 == obj2); 输出结果:
2.2 深克隆使用递归进行深克隆。 function deepClone(o) { var result = {}; for (var i in o) { result[i] = deepClone(o[i]); } return result; } 3.整合深克隆函数var obj1 = { a: 1, b: 2, c: 3, d: [4, 5, { e: 'demo' }] }; var arr1 = ['demo', 1, 2]; // 深克隆 function deepClone(o) { if (Array.isArray(o)) { // 是数组 var result = []; for (var i = 0; i < o.length; i++) { result.push(deepClone(o[i])); } } else if (typeof o == 'object') { // 非数组,是对象 var result = {}; for (var i in o) { result[i] = deepClone(o[i]); } } else { // 基本类型值 var result = o; } return result; } console.log(deepClone(arr1)); console.log(deepClone(obj1)); 到此这篇关于JavaScript数组及非数组对象的深浅克隆详解原理的文章就介绍到这了,更多相关JavaScript 数组内容请搜索极客世界以前的文章或继续浏览下面的相关文章希望大家以后多多支持极客世界! |
请发表评论