ES6-解构赋值

2019-09-28  本文已影响0人  我爱阿桑

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构

要点:

1、左右两边结构必须一样;
2、右边必须是个东西
3、声明和赋值不能分开(必须在一句话里说完)

1、数组解构

分为两种情况:完全解构和不完全解构
完全结构:属于模式匹配,等号左边的变量和右边的数组的结构完全相等,左边的变量就会被赋予对应的值;


image.png

不完全结构:就是等号左边的变量只能匹配右边数组的一部分,也可以解构成功;
解构找不到值时,会报underfind;


image.png

记住:如果等号右边不是可以遍历的数组,将会报错;


image.png

2、对象解构赋值

对象的解构和数组的解构有个重要不同,数组的元素是按次排列的,变量的取值哟哟他的位置决定,而对象的属性没有次序,变量必须与属性同名,才能取得正确的值

上一篇下一篇

猜你喜欢

热点阅读