解构赋值是 ES6 新增的语法，可以方便地从数组或对象中提取数据并赋值给变量，下面分别介绍数组和对象的解构赋值实现方式。

　　数组的解构赋值

　　数组的解构赋值就是从数组中提取数据，并将其赋值给变量，例如：

let arr = [1, 2, 3];
let [x, y, z] = arr;
console.log(x, y, z); // 1, 2, 3

 　　上面的代码中，将 arr 数组的第一个值赋值给 x 变量，第二个值赋值给 y 变量，第三个值赋值给 z 变量。数组解构赋值的语法如下：

let [变量1, 变量2, ..., 变量n] = 数组;

 　　如果只想提取数组中的某些值，可以使用占位符 ,：

let arr = [1, 2, 3];
let [, y, z] = arr;
console.log(y, z); // 2, 3

 　　对象的解构赋值

　　对象的解构赋值就是从对象中提取数据，并将其赋值给变量，例如：

let obj = { x: 1, y: 2, z: 3 };
let { x, y, z } = obj;
console.log(x, y, z); // 1, 2, 3

 　　上面的代码中，将 obj 对象的 x 属性赋值给 x 变量，y 属性赋值给 y 变量，z 属性赋值给 z 变量。对象解构赋值的语法如下：

let { 属性1, 属性2, ..., 属性n } = 对象;

 　　如果属性名和变量名不一致，可以使用别名：

let obj = { x: 1, y: 2, z: 3 };
let { x: a, y: b, z: c } = obj;
console.log(a, b, c); // 1, 2, 3

 　　上面的代码中，x 属性被赋值给了 a 变量，y 属性被赋值给了 b 变量，z 属性被赋值给了 c 变量。

　　如果对象中没有对应的属性，变量将被赋值为 undefined：

let obj = { x: 1, y: 2 };
let { x, y, z } = obj;
console.log(x, y, z); // 1, 2, undefined

 　　以上是数组和对象的解构赋值实现方式。

上一篇

java中怎么清空数组中的元素？