JavaScript 深度克隆

在JavaScript 开发中,很多场景会遇到,引用类型的深度克隆。在 ES5 时,大部分开发者都用使用以下语句进行深度克隆。

js 复制代码
JSON.parse(JSON.stringify())

通过 JSON 进行转化,但是这中方式有局限性,对于包含循环引用或不符合 JSON 的数据类型(如 Map 和 Set,Blob 等 ) 的更复杂对象时,是有很多不足之处的。或者通过第三方插件库,如 lodash.js 等。

而现在,JavaScript 内置了一个 structuredClone() 的方法, 此方法提供了一种简单有效的方法来深度克隆对象, 且适用于大多数现代浏览器和 Node.js v17 以上。

js 复制代码
let  obj = {a: {}, b: {}};
let obj1 = structuredClone(obj);
obj1.a == obj.a; // false

tructuredClone() 允许您克隆循环引用,这是目前在 JavaScript 中使用深拷贝最简单的方法。

相关推荐
earthzhang202144 分钟前
【1028】字符菱形
c语言·开发语言·数据结构·c++·算法·青少年编程
liangshanbo12152 小时前
写好 React useEffect 的终极指南
前端·javascript·react.js
earthzhang20213 小时前
第3讲:Go垃圾回收机制与性能优化
开发语言·jvm·数据结构·后端·性能优化·golang
纵有疾風起4 小时前
C++——类和对象(3)
开发语言·c++·经验分享·开源
Full Stack Developme4 小时前
java.text 包详解
java·开发语言·python
文火冰糖的硅基工坊4 小时前
[嵌入式系统-135]:主流AIOT智能体开发板
开发语言·嵌入式·cpu
_院长大人_5 小时前
el-table-column show-overflow-tooltip 只能显示纯文本,无法渲染 <p> 标签
前端·javascript·vue.js
SevgiliD5 小时前
el-table中控制单列内容多行超出省略及tooltip
javascript·vue.js·elementui
yudiandian20145 小时前
02 Oracle JDK 下载及配置(解压缩版)
java·开发语言
要加油哦~5 小时前
JS | 知识点总结 - 原型链
开发语言·javascript·原型模式