JavaScript 指南 原书第7版 犀牛书JS高级程序设计京东自营
优惠价:¥69.5
对于深拷贝,最容易也应该是常见的方法是使用 JSON.parse() + JSON.stringify()
,还有一个借助第三方脚本库 lodash ,其中方法 cloneDeep
可以实现深拷贝。现在可以使用原生的 structuredClone()
方法。
浅拷贝与深拷贝
首先,先来了解一下浅拷贝和深拷贝的区别:
- 浅拷贝:就是只拷贝对象的第一层。引用了更深层次的内容。可以使用扩展运算符
...
或使用 Object.assign()
在 JavaScript 中实现浅拷贝。 - 深拷贝:是指对象的所有层次都被复制。这是对象的真实副本。可以使用
JSON.parse() + JSON.stringify()
执行此操作,现在,还可以使用原生方法 structuredClone()
执行此操作。
使用 structuredClone 进行深拷贝
原生 structuredClone()
方法使用结构化克隆算法创建给定值的深层拷贝。
结构化克隆算法用于复制复杂 JavaScript 对象的算法。通过来自 Worker 的 postMessage()
或使用 IndexedDB
存储对象时在内部使用。它通过递归输入对象来构建克隆,同时保持先前访问过的引用的映射,以避免无限遍历循环。
语法如下: