深拷贝、浅拷贝、解构

最新推荐文章于 2022-08-24 19:45:57 发布
最新推荐文章于 2022-08-24 19:45:57 发布
阅读量334 收藏
点赞数
分类专栏： JavaScript基础 文章标签： 前端 javascript node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55832273/article/details/120045912
版权

一、浅拷贝

  • 将对象里的每一个成员复制一份一模一样的内容，放到另一个对象里面
  • 当对象里的一个对象成员是复杂数据类型的时候，这个成员依旧是一样的
  • 也就是说浅拷贝只是操作对象里的一层是没有关系的，如果有深层次就会出问题

二、深拷贝

  • 对象里面不管有多少层嵌套，都是相互独立的，没有关系，这才是深拷贝
  • 深拷贝实现的方式
  • 使用for in遍历赋值
  • 只要碰到某一个复杂数据类型（对象、数组），就再次进入这个复杂数据类型进行二次遍历，如果还有就再进入遍历（不推荐）
  • 使用json
  • 不管多复杂的数据类型，转换为json字符串后，就是基本数据类型了，字符串的赋值换回来
  • json深拷贝是有局限性。函数、undefined转换为json字符串会过滤掉
  • 在第一层，修改其中一个，另外一个没有影响，就是深拷贝

三、变量的解构

  • 解构并赋值
  • es6允许按照一定的模式从数组和对象中提取值，对变量进行赋值，这就是解构
  • 解构数组
  • 格式：let [变量1， 变量2…] = [数据1，数据2…]
  • 数组的元素是按次排序的，变量的取值由它的位置决定

四、对象的解构（变量名与对象的属性名同名）

  • 对象的属性没有次序，变量必须与属性同名，才能取到正确的值
  • 格式：let {key1，key2…} = {键值对1，键值对2…}
  • 在对象解构时候我们可以给解构的变量起一个别名
  • 格式：let {key：别名} = {键值对1}
Mr._Dang
关注
专栏目录
深拷贝和浅拷贝
langmanboy的博客
04-07 1584
深拷贝和浅拷贝 1. 内存地址 Array， Function，Object 等等可以认为是除了基本数据类型 String，Number，Boolean，null，undefined，Symbol 以外，所有类型都是引用数据类型 引用数据类型存储在堆内存中，在栈中存储了指针，该指针指向堆中该实体的起始地址 当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体 let str = 'jsx'; // string let num = 100; // number let bool = tr
深拷贝，浅拷贝；解构赋值；
haisyn的博客
08-24 236
解构赋值的简单理解
ES6中解构赋值与深拷贝和浅拷贝
树上骑个猴的博客
01-27 5242
关于ES6中的解构赋值的知识点，想必大家都不陌生。所谓解构赋值就是利用一种模式来快速从目标结构中取出数据的方案，例如： 通过解构，我们很轻松的就从数组和对象中取出了我们想要的数据。但是，可能大家会问，这与深拷贝与浅拷贝又有什么关系呢？ 咱们，先回顾一下关于深拷贝和浅拷贝， 所谓的浅拷贝和深拷贝：浅拷贝是在在拷贝过程中，遍历时那部分为对象/数组类型指向原来的地址，而深拷贝，则是完全开辟新的内存地址。也就是说， 深拷贝：修改新变量的值不会影响原有变量的值。默认情况下基本数据类型（number，stri
简单数据和复杂数据，数组解构，深、浅拷贝
H524268015wsw的博客
07-29 302
本节中说的堆和栈问题可以百度一下。有巧方法当然优先利用啦，当自己有一定实力的时候再去深究一些完美方法，来增强自己。
ES6 对象解构赋值（浅拷贝 VS 深拷贝）
江湖行骗老中医
10-19 644
对象的扩展运算符（...）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。 拷贝对象 let aa = { age: 18, name: 'aaa' } let bb = {...aa}; console.log(bb); // {age: 18, name: "aaa"} 合并对象 扩展运算符（...）可以用于合并两个对象 let aa = { age: 18, name: 'aaa' } let bb = { sex: '男' } let cc = {...aa, ..
JS深拷贝和浅拷贝
RR_chen的博客
07-20 356
对于引用类型数据，浅拷贝 后，因为浅拷贝只拷贝了引用地址，所以两个对象均使用同一个引用地址，此引用地址指向同一个内存即数据值。对其中任何一个对象操作会改变引用地址对应的数据的值。 而 深拷贝 将一个对象从内存中完整的拷贝一份出来，从堆内存中开辟一个新的区域存放新对象，且修改新对象不会影响原对象。...
JS浅拷贝和深拷贝原理与实现方法分析
12-11
JavaScript中的浅拷贝和深拷贝是两种不同的对象复制方式，它们在处理复杂对象时有着显著的区别。在JavaScript中，对象是引用类型，因此当一个对象被复制时，如果不进行特殊处理，复制的只是指向原对象的引用，而非...
学习记录——深拷贝浅拷贝
sakura_zr的博客
09-22 175
浅拷贝：只拷贝一层 第二层没有拷贝 Object.assign() Object.create() es6中的解构赋值 深拷贝 : 整个的数据都是新的 不论基层 都是新的数据 JSON.parse(JSON.strinfiy(数据)) const defaultState = [ { key: '1', name: '路飞', age: 20, }, { key: '2', name: '鸣人'
JS 数组和对象的深拷贝操作示例
10-15
`slice()`方法返回一个新的数组，包含从开始到结束（不包括结束）的数组的一部分浅拷贝的新数组。如果想实现深拷贝，需要配合`JSON.parse()`和`JSON.stringify()`，但这会导致丢失函数和循环引用。 4. `concat()` ...
浅拷贝与深拷贝 ES6数组方法 ES6字符串方法
weixin_70140069的博客
08-24 1024
10、includes( )：数组原型的方法,查找一个数值是否在数组中，只能判断一些简单类型的数据，对于复杂类型的数据无法判断。filter()：创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素（注意：它不会对空数组检测，它不会改变原数组）5、findIndex( )：返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。3、copyWithin(target，start(可选)，end(可选))：数组内数据的复制替换。start：从该位置开始读取数据，默认为0；
vue深拷贝和浅拷贝
最新发布
09-14
在 Vue 中，可以使用`Object.assign()`或解构赋值来实现浅拷贝。 示例代码： ```javascript // 对象浅拷贝 let obj = { a: 1, b: 2 }; let newObj = Object.assign({}, obj); console.log(newObj); // { a: 1...
对象深浅拷贝
我是一颗草，哪里荒凉往哪里长
06-10 1019
对象深浅拷贝大集合
js深拷贝和浅拷贝
Vanessa_Li的博客
07-21 1159
手写深拷贝-深度遍历 深拷贝: 深拷贝开辟一个新的栈，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。指复制后的新对象重新指向一个新的内存地址，两个对象改变互不影响。...
JS基础：深拷贝和浅拷贝
qq_43835345的博客
06-22 1551
JS基础：深拷贝和浅拷贝
深拷贝和浅拷贝的问题
sak1sm的笔记
11-15 138
不拷贝 =》 赋值 举个例子： let a = { a:1, b:2, c:{ d:10, e:20 } } let b = a; b.a = 20; console.log(a.a) // 20 直接赋值的话，对象是指向同一内存，所以修改对象b的属性，对象a的属性同时也会改变 浅拷贝 => Object.assign(),和解构赋值. 举个例子 let a =...
深拷贝与浅拷贝
YiChan414的博客
04-03 552
首先，深拷贝与浅拷贝是对于引用数据类型（数组或对象）而言的，在基本数据类型中并不存在深拷贝与浅拷贝 let a = 1 let b = a b = 2 console.log(a,b) 在基本数据类型中，改变b的值并不会影响a的值，这仅仅叫做赋值，如果非要说拷贝，那么就是深拷贝 浅拷贝 数组和对象的拷贝都是浅拷贝 let arr = [1,2,3] let newArr = arr .
ES6的解构赋值与深拷贝和浅拷贝
weixin_54274691的博客
12-25 238
1、ES6的解构赋值，大家应该都清楚，就是可以快速取出数组或者对象中的值；具体使用情况如下： const a = { name: 'name', age: 18, marriage: false, } let { name, age, marriage} = a; console.log(name, age, marriage) 打印信息...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值