专栏
资源中心
模板库
首页
>
专栏
>
前端
> 文章详情
js中 4种深拷贝方式
发布于:2023-07-03 15:46:49 原创发表 查看:64 讨论:0
1、递归方式(推荐,项目中最安全最常用)
Y8N易塔云建站-模板下载,web开发资源,技术博客
2、JSON.stringify() ;(这个不推荐使用,有坑)
Y8N易塔云建站-模板下载,web开发资源,技术博客
普通的对象也可以进行深拷贝,但是!!!当对象内容项为number,string.boolean的时候,是没有什么问题的。但是,如果对象内容项为undefined,null,Date,RegExp,function,error的时候。使用JSON.parse(JSON.stringify())进行拷贝就会出问题了。
3、使用第三方库lodash中的cloneDeep()方法
Y8N易塔云建站-模板下载,web开发资源,技术博客
是否推荐使用,看情况吧。如果我们的项目中只需要一个深拷贝的功能,这种情况下为了一个功能引入整个第三方库就显得很不值得了。不如写一个递归函数对于项目来说性能更好
Y8N易塔云建站-模板下载,web开发资源,技术博客
实际上,lodash.cloneDeep()方法底层使用的本来就是递归方法。只是在外层又封装了一层cloneDeep的主体函数baseClone。
Y8N易塔云建站-模板下载,web开发资源,技术博客
所以,如果不是原先项目中有使用 lodash 这个库的话,大可不必为了这一个功能而去引入它。
4、jquery的extend()方法进行深拷贝(推荐在JQ中使用)
Y8N易塔云建站-模板下载,web开发资源,技术博客
Y8N易塔云建站-模板下载,web开发资源,技术博客
总结:
进行深拷贝的方法:
Y8N易塔云建站-模板下载,web开发资源,技术博客
Y8N易塔云建站-模板下载,web开发资源,技术博客
递归函数 (推荐使用,项目中使用的更多,更小,更安全)
Y8N易塔云建站-模板下载,web开发资源,技术博客
Y8N易塔云建站-模板下载,web开发资源,技术博客
JSON.stringify() 和JSON.parse() ; (不推荐使用,如果遇到Function,Date等类型的变量容易出现一些意料之外的问题)
Y8N易塔云建站-模板下载,web开发资源,技术博客
Y8N易塔云建站-模板下载,web开发资源,技术博客
第三方库lodash的cloneDeep()方法
Y8N易塔云建站-模板下载,web开发资源,技术博客
Y8N易塔云建站-模板下载,web开发资源,技术博客
JQuery的extend()函数 (推荐在JQuery项目中使用,其他项目依然推荐是用递归函数)
Y8N易塔云建站-模板下载,web开发资源,技术博客
写的不错
返回栏目
上一篇:js中 4种浅拷贝方式
下一篇:vue2 和 vue3 的区别?
评论
匿名
最新文章
热门笔记
理解:JS 的事件循环机制 Event Loop,微任务与宏任务
反问:JS 的原型链存在的意义是什么?为什么这样设计?
线性代数基础:求逆矩阵
总结:JS判断数据类型的四种方法
canvas 实例方法: save() 和 restore() 的理解
理解 js 构造函数
理解:js中 构造函数 与 原型的对应关系
正则表达式_概念_简介_起源
原生 js 获取 html 是一个 HTML Collection 集合,使用 let 方法可以获得块级作用域
js 对于地址栏中的 URI 的解析
可以直接扫码关注本站
微信扫码关注公众号
回复指定菜单关键词,即可获取相应功能或领取会员福利哦
微信扫一扫,添加好友
添加指定客服微信
咨询相关建站问题,还可获取领取会员福利哦