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
相关推荐
ZC跨境爬虫4 分钟前
跟着 MDN 学 HTML day_33:(Attr 接口与属性节点的深入理解)
前端·javascript·ui·html·音视频·html5
skywalk816312 分钟前
Trae生成的中文编程语言关键字(如“定“、“函“、“印“等)需要和标识符之间用 空格 隔开,以确保正确识别
服务器·开发语言·编程
神所夸赞的夏天18 分钟前
如何获取多层json数据,存成dictionary,并取最大最小值
java·前端·json
红色的小鳄鱼18 分钟前
前端面试js手写
开发语言·前端·javascript
焦糖玛奇朵婷22 分钟前
健身房预约小程序开发、设计
java·大数据·服务器·前端·小程序
海盗123426 分钟前
C#中的IEqualityComparer<T>使用
开发语言·c#
上海云盾王帅31 分钟前
WEB业务如何接入安全防护:从零到一的实战指南
前端·安全
用户0595401744634 分钟前
AI Agent记忆丢失踩坑实录:这个问题让我排查了3天
前端·css
江公望35 分钟前
Qt QSharedPointer用法,10分钟讲清楚
开发语言·qt
web行路人36 分钟前
前端对Commands(斜杠命令)一些常用
前端·javascript·vue.js·vue