JavaScript 中的浅复制与深复制-js教程-PHP中文网

JavaScript 中的浅复制与深复制

王林

发布： 2024-07-27 08:01:01

转载

362人浏览过

javascript 中的浅复制与深复制

使用 javascript 时，了解浅复制和深复制之间的区别对于有效操作对象和数组至关重要。让我们深入研究这些术语的含义以及如何在代码中实现每种类型的副本。

浅复制
浅拷贝创建一个新的对象或数组，其中包含与原始对象或数组相同的值。但是，如果原始文件包含嵌套对象或数组，则浅拷贝仅复制对这些嵌套结构的引用，而不复制结构本身。这意味着对复制结构中的嵌套对象或数组的更改也会影响原始结构。

浅复制方法示例：

扩展运算符 ({...})

const original = { a: 1, b: { c: 2 } };
const shallowcopy = { ...original };

登录后复制

这里，shallowcopy是一个新对象，但是shallowcopy.b仍然引用与original.b相同的对象。

2.object.assign()

const shallowcopy = object.assign({}, original);

登录后复制

数组切片方法

const originalarray = [1, 2, 3];
const shallowcopyarray = originalarray.slice();

登录后复制

深复制
深层复制创建一个新的对象或数组，它是原始对象或数组的完整、独立的克隆，包括所有嵌套的对象和数组。对深层副本的更改不会影响原始副本，反之亦然。

深复制方法示例：

立即学习“Java免费学习笔记（深入）”；

json.stringify() 和 json.parse()

const original = { a: 1, b: { c: 2 } };
const deepcopy = json.parse(json.stringify(original));

登录后复制

该方法将对象序列化为 json 字符串，然后将其解析回新对象。但是，它不处理函数、未定义或循环引用。

PHP 网络编程技术与实例(曹衍龙)

PHP网络编程技术详解由浅入深，全面、系统地介绍了PHP开发技术，并提供了大量实例，供读者实战演练。另外，笔者专门为本书录制了相应的配套教学视频，以帮助读者更好地学习本书内容。这些视频和书中的实例源代码一起收录于配书光盘中。本书共分4篇。第1篇是PHP准备篇，介绍了PHP的优势、开发环境及安装；第2篇是PHP基础篇，介绍了PHP中的常量与变量、运算符与表达式、流程控制以及函数；第3篇是进阶篇，介绍

386

查看详情

2.递归函数

function deepcopy(obj) {
  if (obj === null || typeof obj !== 'object') return obj;

  const copy = array.isarray(obj) ? [] : {};
  for (let key in obj) {
    if (obj.hasownproperty(key)) {
      copy[key] = deepcopy(obj[key]);
    }
  }
  return copy;
}

登录后复制

structuredclone()（在现代 javascript 环境中）

const deepCopy = structuredClone(original);

登录后复制

何时使用每个

浅复制：适合没有嵌套结构的简单对象或数组。它更快并且使用更少的内存。当您需要快速复制时使用它，其中对嵌套对象的更改应反映在原始和副本中。
深度复制：对于具有嵌套结构的复杂对象或数组是必需的。它确保对副本的更改不会影响原始版本。当你需要完全独立的克隆时使用它。

了解这些差异有助于防止意外共享引用引起的错误，并确保应用程序中的数据完整性

以上就是JavaScript 中的浅复制与深复制的详细内容，更多请关注php中文网其它相关文章！