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

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

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

工具/原料

电脑一台

VSCode

数组的解构

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

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

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

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

对象的解构

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

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

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

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

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

ES6新特性——数组、对象的解构
  • C# / VB.NET 在Word中添加条码、二维码
  • 报表组件FineReport中如何设置填报冻结
  • Grid++报表怎么动态显示内容
  • 如何用360软件管家下载无线条码扫描枪 2.2.0.2
  • SQL Server如何自定义报表
  • 热门搜索
    长沙旅游攻略两日游 凤凰山旅游攻略 徐州旅游攻略 京津冀旅游年卡 河北旅游局 旅游管理专业怎么样 张家界旅游学校 正规旅游网站 广东省旅游景点大全 西溪湿地旅游攻略