对象拷贝: 浅拷贝、深拷贝
2024-09-21
14
1. 浅拷贝
浅拷贝: 只是拷贝了基本类型的数据,而引用类型的数据,复制后还会发生引用
示例数据
const user = { name: 'liang', age: 23 }
在 js 中,引用类型的数据使用 = 进行赋值时,传递的都是引用,而并非其对应的值,这样赋值并没有真正的拷贝数据
const user1 = user
user1.name = 'my name is liang'
console.log(user) // {name: 'my name is liang', age: 23}
我们有以下几种方案可以进行浅拷贝
// 方案一: 使用 for in 循环取出属性和值,赋值给一个新的对象
const obj = {}
for (const key in user) {
obj[key] = user[key]
}
// 方案二: 使用 Object.assign() 进行浅拷贝
const obj = Object.assign({}, user)
// 方案三: 使用展开语法
const obj = { ...user }
浅拷贝存在的问题: 当属性值存在引用类型数据时,则拷贝的是引用,并不是真正的拷贝,要解决这个问题则需要深拷贝
const user = {
name: 'liang',
info: {
age: 23,
}
}
const profile = { ...user }
profile.name = 'zhang'
profile.info.age = 18
console.log(user) // {name: 'liang', info: {age: 18}}
console.log(profile) // {name: 'zhang', info: {age: 18}}
2. 深拷贝
深拷贝: 拷贝基本类型和引用类型的数据,而不是拷贝引用类型的引用
数据示例
const user = {
name: 'liang',
info: { age: 23 },
array: ['html', 'css', 'javascript'],
show(name) {
return `${name} call show method`
}
}
深拷贝对象-迭代递归法
更新于:12天前// 深拷贝对象
function copy(object) {
let data = object instanceof Array ? [] : {}
for (const [key, value] of Object.entries(object)) {
data[key] = typeof value == 'object' ? copy(value) : value;
}
return data
}
// 拷贝对象
const profile = copy(user)
// 修改通过拷贝得到的变量不会影响原数据
profile.name = 'zhang'
profile.info.age = 18
profile.array.push('profile push data')
profile.show = () => 'profile update show method'
console.log(user)
console.log(profile)
赞一波!
相关文章
- JS 函数中的 arguments 类数组对象
- 禁止添加属性、封闭对象、冻结对象的 API
- 初识: 对象的属性特征
- 通过工厂函数、构造函数创建对象
- JavaScript Array 对象高阶方法 some、filter、indexOf
- js 遍历数组、对象的几种方式
- 腾讯云对象存储COS及CDN加速配置
- 阿里云对象存储OSS及CDN加速配置
- TP6.0 获取请求对象的五种方式
- PHP对象传值 - 引用传值
- 七牛云对象存储KoDo及CDN加速配置
- .NET C# new一个对象产生多少字节?
- Python 中的条件对象——线程同步
- Thread类及其对象——Python 多线程
- 计时器对象——Python 多线程
- C++ this指针:用于在成员函数中指向调用该函数的对象
- C#中自定义class在调试时如何定制对象显示的内容
- 在Java中如何把两个对象相同属性赋值
- TypeError: at / 'module' 对象在Python Rest_framework中不可调用
- 利用Java工具自动生成数据库表对应的JavaBean对象
文章评论
评论问答