JS 深拷贝浅拷贝

一、浅拷贝

cpp 复制代码
// 假设有一个JSON对象
let originalObject = {
  name: "Alice",
  age: 25,
  interests: ["reading", "coding"]
};
 
// 将JSON对象赋值给另一个变量
let copiedObject = originalObject;
 
// 修改新变量的属性
copiedObject.age = 26;
 
// 输出原始对象和新对象的年龄,验证是否为深拷贝
console.log(originalObject.age); // 输出 25
console.log(copiedObject.age);   // 输出 26

二、深拷贝

cpp 复制代码
// 使用JSON.parse(JSON.stringify())创建深拷贝
let deepCopiedObject = JSON.parse(JSON.stringify(originalObject));
 
// 修改新变量的属性
deepCopiedObject.age = 27;
 
// 输出原始对象和新对象的年龄,验证是否为深拷贝
console.log(originalObject.age); // 输出 25
console.log(deepCopiedObject.age); // 输出 27
相关推荐
abbgogo5 分钟前
OSPF动态路由协议
开发语言·php
en.en..13 分钟前
C 语言嵌入式事件驱动状态机完整教程(枚举配套)
c语言·开发语言
Tim_1027 分钟前
【C++】024、new[]与delete[]配对使用
java·开发语言
用户8471810541934 分钟前
DeepAgents.js 教程 06—— 跨会话长期记忆(Memory与AGENTS.md)
javascript·agent
阿黎梨梨35 分钟前
React 表单处理与性能优化:从入门到进阶
前端·react.js
Whbbit199935 分钟前
发布自己的 shadcn-vue 扩展组件,并支持 CLI 安装
前端·开源
Yyyyyy~42 分钟前
[C语言]break和continue作业
c语言·开发语言
Tian_Hang44 分钟前
Vue3 父子组件通讯
前端·javascript·vue.js
breeze jiang1 小时前
React memo、useCallback 与 useMemo:父组件多状态时如何减少无效渲染
前端·javascript·react.js
此生决int1 小时前
深入理解C++系列(10)——lsit
开发语言·c++