快速学习ES6新特性-解构表达式

1.3、解构表达式

什么是解构？ – ES6中允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构 ( Destructuring)。

1.3.1、数组解构

比如有一个数组：

let arr = [1,2,3]

之前，我想获取其中的值，只能通过角标。ES6可以这样：

在这里插入图片描述

结果

在这里插入图片描述

1.3.2、对象解构

例如有个person对象：

在这里插入图片描述

我们可以这么做：

在这里插入图片描述

结果：

在这里插入图片描述

如过想要用其它变量接收，需要额外指定别名：

在这里插入图片描述

{name:n} ：name是person中的属性名，冒号后面的n是解构后要赋值给的变量。