js深拷贝的三种实现方式(js实现深拷贝的方法)

1、利用JSON对象字符串转换方法(对象中不能有函数,值不能是引用的)。

function deepCopy(ele) { return JSON.parse(JSON.stringify(ele)); } const obj = { a: { b: [1, [2, [, 3, 4]], { c: 5 }], }, }; const newObj = deepCopy(obj);newObj.a.b[2].c = 6;console.log(newObj.a.b[2].c, obj.a.b[2].c); // 6 5

2、利用递归遍历的方法

function deepCopy(ele) { const type = typeof ele; const baseType = [ "boolean", "number", "string", "undefined", "function", ]; if (baseType.indexOf(type) > -1 || ele === null) return ele; const newType = Object.prototype.toString.call(ele); if (newType === "[object Array]") { const len = ele.length; if (!len) return []; const res = []; for (let i in ele) { res.push(deepCopy(ele[i])); } return res; } if (newType === "[object Object]") { if (Object.keys(ele).length === 0) return {}; const res = {}; for (let key in ele) { res[key] = deepCopy(ele[key]); } return res; }} const obj = { a: { b: [1, [2, [, 3, 4]], { c: 5 }], }, };const newObj = deepCopy(obj);newObj.a.b[2].c = 6;console.log(newObj.a.b[2].c, obj.a.b[2].c); // 6 5
派优网部分新闻资讯、展示的图片素材等内容均为用户自发上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习交流。用户通过本站上传、发布任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们一经核实,立即删除。并对发布账号进行封禁。
(0)
派大星的头像派大星

相关推荐

返回顶部