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
相关推荐
我是唐青枫5 分钟前
Java Spring Data JPA 实战指南:Repository 查询、分页与实体映射
java·开发语言
持敬chijing12 分钟前
Web渗透之前后端漏洞-文件包含漏洞
前端·安全·web安全·网络安全·网络攻击模型·安全威胁分析
CV艺术家19 分钟前
前端免费高效的接入天气组件(天气网),控制组件的样式
前端
张忠琳21 分钟前
【Go 1.26.4】(Part 2) Go 1.26.4 超深度分析 — Runtime GMP 调度器 (proc.go + runtime2.go)
开发语言·golang
如果超人不会飞31 分钟前
WebMCP:当浏览器学会和 AI「说人话」,你的网页就成了智能体的游乐场
javascript
hunterandroid32 分钟前
RecyclerView 进阶:DiffUtil 与列表更新
前端
_codeOH33 分钟前
Vue 3 vs React 19:框架还在卷,核心原理就这些
前端·vue.js
the_answer34 分钟前
CSS 新时代:浏览器原生能力如何重塑前端开发范式
前端
不会写DN36 分钟前
固定背景图不随页面滚动的完美方案
前端
整点可乐40 分钟前
cesium实现全景图加载
javascript·cesium