在 JavaScript 中如何克隆对象?

本文探讨了在JavaScript中如何克隆对象的问题,通过示例解释了浅拷贝会导致的引用问题,并介绍了两种实现深拷贝的方法:JSON.parse(JSON.stringify(obj))以及递归函数实现的深度拷贝。详细阐述了这两种方法的适用场景和限制,帮助读者理解对象复制的深度拷贝概念。
摘要由CSDN通过智能技术生成

// [“前端小智”, “王大冶”, “前端小力”]

// [“前端小智”, “王大冶”, “我是隔壁老智”]

[](()对象

当引用值是一个对象时,也会发生同样的情况,对其属性之一的任何修改都会影响这两个变量。 若要克隆对象,请使用 Object.assign()方法,该方法会将一个或多个源对象的所有可枚举属性的值复制到目标对象,但是此方法仅对对象的一个浅拷贝。

// 示例1

const names = {

name: ‘前端小智’,

surname: ‘隔壁老智’

}

const names2 = names;

console.log(names, names2) // 打印结果是一模一样的

// 示例2

names2.surname =‘隔壁老王’;

console.log(names, names2)

// {name: “前端小智”, surname: “隔壁老王”}

// {name: “前端小智”, surname: “隔壁老王”}

// 示例3

const names3 = Object.assign({}, names);

names3.surname = ‘隔壁老色P’;

console.log(names, names3)

// {name: “前端小智”, surname: “隔壁老王”}

// {name: “前端小智”, surname: “隔壁老色P”}

要对对象进行深拷贝,需要使用其他方法。

正如我们所说,Object.assign()方法只是一个浅拷贝(即,当我们的对象没有其他对象作为属性时

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值