JS深拷贝方法
- 2019 年 11 月 5 日
- 笔记
记一下js深拷贝的几种方法
- 使用递归
- 通过JSON对象
- 通过jQuery的extend方法
- Object.assign()
- lodash函数
使用递归
//使用递归的方式实现数组、对象的深拷贝 function deepClone(obj) { //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝 var objClone = Array.isArray(obj) ? [] : {}; //进行深拷贝的不能为空,并且是对象 if (obj && typeof obj === "object") { for (key in obj) { if (obj.hasOwnProperty(key)) { if (obj[key] && typeof obj[key] === "object") { objClone[key] = deepClone(obj[key]); } else { objClone[key] = obj[key]; } } } } return objClone; }
通过JSON对象
//通过js的内置对象JSON来进行数组对象的深拷贝 function deepClone(obj) { var _obj = JSON.stringify(obj), objClone = JSON.parse(_obj); return objClone; }
tip: * 无法实现对对象中方法的深拷贝
通过jQuery的extend方法
var array = [1,2,3,4]; var newArray = $.extend(true,[],array);
Object.assign()
- 对象中只有一级属性,没有二级属性的时候,为深拷贝
- 对象中有对象的时候,在二级属性以后就是浅拷贝
lodash函数
lodash.cloneDeep()