变量的解构赋值_数组解构赋值

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

以前，为变量赋值，只能直接指定值

xxxxxxxxxx
let a = 1;
let b = 2;
let c = 3;

在ES6中，我们可以利用变量的解构赋值来完成新的赋值方式

xxxxxxxxxx
let [a, b, c] = [1, 2, 3];

温馨提示

a b c与 1 2 3 是按照对应位置，对变量赋值，也就是一一对应的关系

本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。

xxxxxxxxxx
let [a,b,c,[d]] = [10,20,30,[40]]

如果解构不成功，变量的值就等于undefined

xxxxxxxxxx
let [itbaizhan, sxt] = [10]; // sxt -> undefined

实时效果反馈

1. 下列数组解构赋值的代码，输出结果是多少：

xxxxxxxxxx
let [name,age,[sxt,itbaizhan],sex] = ["iwen",20,[5,3]];
console.log(sex)

A iwen

B 20

C 5,3

D undefined

答案

1=>D