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

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

工具/原料

电脑一台

VSCode

数组的解构

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

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

对象的解构

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

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

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