ES6新特性——数组、对象的解构

 时间:2024-10-14 23:20:51

今天小编来使用小例子来看一下ES6中新特性之数组、对象的解构。

工具/原料

电脑一台

VSCode

数组的解构

1、下图中的代码是原来的将数组中的值取出来的方法,需要一个一个的取出来,如下图:

ES6新特性——数组、对象的解构

2、下图中就是ES6的新特性中的数组解构了,可以要取出数组中的值不再是需要一个一个取出,可以一下子取出,如下图:

ES6新特性——数组、对象的解构

3、下图中代码还是数组的解构,只是这里是不定参数的数组结构,可以看出,结构的数组中只有name和othername这两个值,然后原数组中有四个值,结果是name会表示一个值,而othername将原来数组中剩下的三个值重新组装成了 一个新数组,如下图:

ES6新特性——数组、对象的解构

4、下图中还是数组的解构而且孀晏弁钾也还是数组的不定参数的解构,但是这里解构的参数中只有一个othername,然后查看结果可以看出,只有不定参数的解构将原来数组全部保存了下来,相当于数组的复制功能,如下图:

ES6新特性——数组、对象的解构

对象的解构

1、下图中代码是原来对象的解构,就是想要取出对象中的属性值需要一个接一个的取出,如下图:

ES6新特性——数组、对象的解构

2、下图中就是ES6新特性的对象的解构,和数组的解构类似,如下图:

ES6新特性——数组、对象的解构

3、下图中是对象的解构,这里类比于数组的不定参数解构,注意区分和数组不定参数解构的不同点,如下图:

ES6新特性——数组、对象的解构

4、下图中的只有一个不定参数的的解构相当于原来对象的复制,如下图:

ES6新特性——数组、对象的解构

5、下图中还是对象的解构,只是下图中的解构是两层对象解构,从下图中代码的结果来看,第一层解构的参数并不存在定义,只是在解构中发挥作用,如下图:

ES6新特性——数组、对象的解构
  • C# / VB.NET 在Word中添加条码、二维码
  • 报表组件FineReport中如何设置填报冻结
  • Grid++报表怎么动态显示内容
  • 如何用360软件管家下载无线条码扫描枪 2.2.0.2
  • SQL Server如何自定义报表
  • 热门搜索
    我爱文学手抄报 关于五一的手抄报 预防新型冠状病毒手抄报内容 劳动节手抄报内容 新年手抄报图片大全 创城手抄报 欢欢喜喜过大年手抄报 诗配画手抄报 端午节手抄报第一名 2035年的家乡手抄报