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

1.3、解构表达式

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

1.3.1、数组解构

比如有一个数组:

let arr = [1,2,3]

之前,我想获取其中的值,只能通过角标。ES6可以这样:
在这里插入图片描述
结果
在这里插入图片描述

1.3.2、对象解构

例如有个person对象:
在这里插入图片描述
我们可以这么做:
在这里插入图片描述
结果:
在这里插入图片描述
如过想要用其它变量接收,需要额外指定别名:
在这里插入图片描述

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

发布了1275 篇原创文章 · 获赞 951 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/weixin_42528266/article/details/104030539