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
相关推荐
skiyee14 小时前
🔥UniApp 仅需 5 行代码!实现所有页面中控制应用主题变化
前端·微信小程序
LaiYoung_14 小时前
🎁 送你一套超好用超实用的 FE AI-Coding Skills
前端·人工智能·开源
幼儿园技术家14 小时前
实现 GEO 监控:从多引擎探测到优化闭环
前端·后端
甲维斯14 小时前
GLM5.2+ZCode复刻坦克大战,自测50万帧!
前端·ai编程·游戏开发
Csvn15 小时前
useRef 的 5 个冷门但救命的高级用法
前端
小小小小宇15 小时前
Harness Engineering 与 AI 联动
前端
鱼人15 小时前
HTML5 页面性能优化大全
前端
ping某15 小时前
专栏-null 和 undefined 到底是什么?
前端·javascript·后端
用户9004633704015 小时前
5MB vs 4KB vs 无限大:浏览器存储谁更强?
前端
小小小小宇15 小时前
Harness Engineering 全解析与应用
前端