关于 ES6 复制，解构等 深入解析

最新推荐文章于 2023-04-05 22:49:33 发布
最新推荐文章于 2023-04-05 22:49:33 发布
阅读量563 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40774743/article/details/80503041
版权
<!DOCTYPE html >
< html lang= "en" >
< head >
     < meta charset= "UTF-8" >
     < meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
     < meta http-equiv= "X-UA-Compatible" content= "ie=edge" >
     < title >解构，复制等 </ title >
</ head >
< body >
< script >
     // 解构这个东西是浅复制
     let arr = [ 1, 2,[ 33, 44]];
     let arr2 = [... arr];
     arr[ 2]. push( 999);
     console. log( arr2); // [1,2,[33,44,99]];
     // 同理 在对象上 ，Objiect.assign({},obj1) 也是进行浅复制
     let obj = {
         "aaa" : 111,
         "bbb" :{
             "c" : 333,
        },
    }
     let obj2 = Object. assign({}, obj);
     obj[ "bbb"][ "c"]= 1000;
     console. log( obj2);
     // 接下来我讲写出一个函数 对引用类型值进行深度复制(递归)，深度复制方法1 ，JSON.parse(),JSON.stringfy();
     let deeepCopy = ( arr) =>{
         //let newObj = arr.constructor ==Array ?[]:{};
         //上面那行代码判断是是数组还是对象还可以使用下面的这行代替
         let newObj = arr instanceof Array ? [] : {};
         for( let item in arr){
             if( typeof arr[ item]== "object"){
             newObj[ item] = deeepCopy( arr[ item]);
            } else{
                 newObj[ item] = arr[ item];
            }
        }
         return newObj;
    };
     let testArr = [ 0, 1,[ 2, 3]];
     let testArr2 = deeepCopy( testArr);
     testArr[ 2]. push( 9999);
     console. log( testArr2);
    
< / script >

     </ script >
</ body >
</ html >
yakunyang（2016）
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
复制数组 (解构)
weixin_41652466的博客
06-09 584
在ES5中，开发者们经常使用concat()方法来克隆数组// 在 ES5 中克隆数组 var colors = [ "red", "green", "blue" ]; var clonedColors = colors.concat(); console.log(clonedColors); //"[red,green,blue]"　　concat()方法的设计初衷是连接两个数组，如果调用时不传...
es6 对象结构复制
qq_45576618的博客
05-11 392
解构赋值是对赋值运算符的扩展。 他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。 let person = { name: 'Matt', age: 27 }; let { name, age:aa } = person; console.log(name); // Matt console.log(aa); // 21 不存在的会是underfinde 但可以设置默认值解决这一问题 null和undefined 不能被解构，否则会抛出错误 let person = { name: 'Ma
ES6---对象解构
千里之行，始于足下！
01-21 2283
1、变量名与属性名对应，次序不一样，可以正常结构 let {name, age} = {age: 11, name: 'bob'} // name->bob age->11 2、找不到相应的属性名，则值为undefined let {a, b} = {a: 1} //a->1 b->undefined 3、变量名和属性名不一样需要这么写 let {n: name, a: age} = {n: 'bob', a: 11} // name->bob age->11 4
es6 (解构赋值)复制对象中指定的对象属性值
周家大小姐
02-06 1万+
将剩余数组赋值给一个变量 当解构一个数组时，可以使用剩余模式，将数组剩余部分赋值给一个变量。 var [a, ...b] = [1, 2, 3]; console.log(a); // 1 console.log(b); // [2, 3] 注意：如果剩余元素右侧有逗号，会抛出 SyntaxError，因为剩余元素必须是数组的最后一个元素。 var [a, ...b,] = [1...
解构赋值
apeiziwei的博客
04-13 1万+
解构赋值 1、解构赋值：是对赋值运算符的扩展，把对象或数组的属性或值提取出来，进行赋值给变量；在解构中，解构的源：解构赋值表达式右边部分；解构的目标：解构赋值表达式左边部分；好处：让语法更加简洁优雅； 2、解构赋值的分类： （1）数组解构赋值 （2）对象解构赋值 （3）字符串解构赋值 （4）布尔值解构赋值 （5）函数参数解构赋值 （7）数值解构赋值 3、解构赋值使用场景： （1）变量交换 （2）直接返回函数return有多个值的内容 （3）可以选择赋值 （4）取出第一个赋值，剩余的赋值为数组 （5）提取对象
深入浅出讲解ES6的解构
10-21
解构是ES6的新特性，用于从JavaScript对象和数组中提取数据，语法上比ES5所提供的更加简洁、紧凑、清晰。本文将深入探讨解构赋值，为你介绍该新特性中你所需要知悉的一切。
ES6 对象的新功能与解构赋值介绍
10-17
主要介绍了ES6 对象的新功能与解构赋值介绍，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ES6的解构赋值实例详解
10-17
解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性赋给各种变量。这篇文章主要介绍了ES6的解构赋值的实例代码 ,需要的朋友可以参考下
ES6解构赋值实例详解
08-28
主要介绍了ES6解构赋值,结合实例形式较为详细的分析了ES6结构赋值的基本概念、原理与使用方法,需要的朋友可以参考下
ES6 --- 解构赋值（数组，对象，函数）使用详解
热门推荐
秋天，黄叶坠地，凉风有信。
02-23 2万+
解构赋值 JavaScript 中最常用的两种数据结构是 Object 和 Array。 对象让我们能够创建通过键来存储数据项的单个实体。 数组则让我们能够将数据收集到一个有序的集合中。 但是，当我们把它们传递给函数时，函数可能不需要整个对象/数组。它可能只需要对象/数组的一部分。 解构赋值 是一种特殊的语法，它使我们可以将数组或对象“拆包”至一系列变量中，因为有时这样更方便。 解构操作对那些具有很多参数和默认值等的函数也很奏效。我们马上会看到类似的例子。 数组解构 下面是一个将数组解构到变量中的例子：
JS解构赋值详解
Zhang_wang_yun的博客
04-05 3513
解构赋值是一种快速为变量赋值的简洁语法，本质上仍然是为变量赋值。
[ES6]变量的解构赋值详解
SSYLDBDSY的博客
11-24 385
不同数据类型变量与解构赋值的关系 ES6允许按照一定规则，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值(Destructuring) 1、数组的解构赋值 基本用法 let [a,b,c]=[1,'3',{4}] //a=1,b='3',c={4}; 上述代码表示，可以从数组中提取值，并且按照对应的位置，对变量赋值。 本质上，这种写法属于模式匹配，只要等号两边的模式相同，左边的变量就会被赋予相应的值。 如果解构不成功，变量的值会返回 undefined。 let[a]=[]; /
2.ES6-解构赋值及其原理-解构看完这篇足够了
2024路在何方
08-08 1万+
所谓的解构赋值其实就是分解出一个对象的解构，分成两个步骤： 1. 变量的声明 2. 变量的赋值 一、 数组的解构赋值 /* 对于数组的解构赋值，其实就是获得数组的元素，而我们一般情况下获取数组元素的方法是通过下标获取，例如： let arr = [1,2,3]; let a = arr[0]; ...
es6~解构赋值
ddh3110的博客
02-14 726
ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构 以前，为变量赋值，只能直接指定值。 let a = 1; let b = 2; let c = 3; ES6 允许写成下面这样。 let [a, b, c] = [1, 2, 3]; 上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。 本质上，这种写法属于“模...
ES6 -- 变量的解构复制
weixin_34185512的博客
08-27 132
1、数组的解构赋值 基本用法 let [foo, [[bar], baz]] = [1, [[2], 3]]; let [head, ...tail] = [1, 2, 3, 4]; 属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值 对于Set结构，也可以使用数组的解构赋值。 let [x, y, z] = new ...
【ES6】解构赋值
qq_45677671的博客
04-17 5840
文章目录一、解构赋值二、解构数组1. 变量赋值2. 交换变量3. 默认值4. 不完全解构5. 解构数组嵌套6. 与`...`运算符结合使用三、解构对象1. 获取成员2. 对象赋值3. 默认值4. 解构嵌套对象四、解构函数1. 函数的参数2. 函数返回值四、其他解构1. 字符串3. 其他数据类型 一、解构赋值 解构赋值：主要用来从数组和对象中提取值，对变量进行赋值。 []：是专门解构数组使用的 {}：是专门解构对象使用的 二、解构数组 1. 变量赋值 ES6之前的写法： var a1 = 1,b1 =
ES6中解构赋值与深拷贝和浅拷贝
树上骑个猴的博客
01-27 5147
关于ES6中的解构赋值的知识点，想必大家都不陌生。所谓解构赋值就是利用一种模式来快速从目标结构中取出数据的方案，例如： 通过解构，我们很轻松的就从数组和对象中取出了我们想要的数据。但是，可能大家会问，这与深拷贝与浅拷贝又有什么关系呢？ 咱们，先回顾一下关于深拷贝和浅拷贝， 所谓的浅拷贝和深拷贝：浅拷贝是在在拷贝过程中，遍历时那部分为对象/数组类型指向原来的地址，而深拷贝，则是完全开辟新的内存地址。也就是说， 深拷贝：修改新变量的值不会影响原有变量的值。默认情况下基本数据类型（number，stri
ES6最简单的深复制方法
06-11 2万+
我们看一下这个例子：[javascript] view plain copylet a={tile:'深复制'};  let b=a;  a.title='浅复制';  那么我们会获得两个对象，一个a，一个b，a的title是浅复制，b的title是深复制。但结果真是这样吗？我们console.log一下咦，为啥嘞！！！！！！为啥两个都是输出"浅复制"。。。。其实，a，b是共用同一个地址，所以虽然...
es6数组解构...
最新发布
08-26
ES6数组解构赋值是一种便捷的语法，可以将数组中的元素分配给变量。通过解构赋值，可以轻松地从数组中提取值并将其赋给变量。这种语法可以简化代码，并使代码更易于理解和维护。 使用数组解构赋值，可以按照特定的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值