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
相关推荐
肉肉不吃 肉12 小时前
无渲染组件和组合式函数
前端·javascript·vue.js
其美杰布-富贵-李13 小时前
01 从项目结构开始认识 Vue 3
javascript·vue.js·ecmascript
未来智慧谷13 小时前
从 Atlas 关停复盘:AI 应用的三种载体形态怎么选(独立应用 / 浏览器扩展 / 桌面宿主)
前端·人工智能·ai·架构·浏览器
sugar__salt13 小时前
前端路由技术详解:从传统多页到 React SPA 的完整进化之路
前端·javascript·react.js·前端框架
就不掉头发13 小时前
C++函数模板
java·开发语言·c++
Canace13 小时前
Harness Engineering 到底在做什么
前端·人工智能·ai编程
用户842981424181013 小时前
JS代码压缩实测:可减小体积、提高执行效率!
前端·javascript·后端
snow@li13 小时前
Vue Axios封装与SpringBoot Payload封装全景关联分析(前后端数据交互底层闭环)
前端·vue.js·spring boot
我是苏苏13 小时前
WPF开发01:基础控件及常用模板篇
开发语言·c#·html·wpf
Csvn13 小时前
🐛 React StrictMode 下 useEffect 执行两次:不是 Bug,是特性
前端