js深浅拷贝

不同数据类型的内存分配

`基本类型`: Number, String, Boolean, null, undefined, Symbol, BigInt(大整型)

`引用类型`: Array, Object, Function

`不同数据类型的内存分配`
基本类型的数据,会直接保存在栈中,如果是引用类型的数据,会在栈中保存地址,该地址会指向堆里面的真实数据。

`不同数据类型赋值时的区别`:
基本类型的数据,赋的就是值,两个变量之间不再有关系;引用类型的数据,赋的是地址,会造成数据共享的问题:其中一个改变了,另一个也会跟着改变

`解决方案`:
# 浅拷贝:对于引用数据类型的第一层,拷贝的是值,对于数据的其他层级,拷贝的依然是地址
`语法`1. Object.assign({}, obj)

2. {...obj}

`使用`: 适用于层级只有一层的引用类型

`# 深拷贝:`
1. JSON.parse()

作用:JSON.parse() 方法用来解析JSON字符串,构造由字符串描述的JavaScript值或对象。
返回值:Object 类型, 对应给定 JSON 文本的对象/值。

2. JSON.stringify()
作用:JSON.stringify() 方法将一个 JavaScript 值(对象或者数组)转换为一个 JSON 字符串 和JSON.parse() 是相对的。
返回值:一个表示给定值的JSON字符串。

# 深拷贝
`概念`: 无论引用类型数据的层级,拷贝的都是值
`1.语法`JSON.parse(JSON.stringify(obj))
`问题`JSON这个方式不支持undefined和函数; 会将正则变成空对象
`解决`: lodash库文件: 1. 导入lodash.js; 2. 使用_.cloneDeep(obj)

`2.语法`: 通过循环加递归实现深拷贝,比如手写深拷贝封装函数

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值