App下载
3. 解构赋值
ES6 入门课程 / 3. 解构赋值
手机也能上课
App下载
1/12

概念

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

如下面变量赋值

var a=1;
var b=2;
var c=3;

在ES6语法中可以写为

var [a,b,c]=[1,2,3];    // 等号两边的模式相同

如果解构​不成功​,变量的值就等于​undefined​。

如果等号的右边不是数组(​不是可遍历的结构​),将会​报错​。

解构赋值​不仅适用于​var​命令,也适用于​let​和​const​命令。

var [foo, [[bar], baz]] = [1, [[2], 3]];    //可以嵌套
foo // 1
bar // 2
baz // 3
var [ , , third] = ["foo", "bar", "baz"];    // 可以忽略
third // "baz"
var [x, , y] = [1, 2, 3];
x // 1
y // 3
var [head, ...tail] = [1, 2, 3, 4];    // ... 表示剩余运算符
head // 1
tail // [2, 3, 4]
var  [x, y, ...z] = ['a'];
x // "a"
y // undefined
z // []
let [a = 1, b] = [];                // 不完全解构
a  //  1
b  //  undefined


+10 经验 +10积分
解析
提示
参考答案
+10 经验 +10积分
视频播放结束,是否学习下一节?