本文实例讲述了ES6数组与对象的解构赋值。分享给大家供大家参考，具体如下：
数组的解构赋值
基本用法
ES6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这被称之为解构(Destructuring)
// 以前为变量赋值，只能直接指定值
var a = 1;
var b = 2;
var c = 3;
// ES6允许写成这样
var [a,b,c] = [1,2,3];
本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。
下面是一些使用嵌套数组进行解构的例子：
let [foo,[[bar],baz]] = [1,[[2],3]];
f
在ES6中，引入了一种新的语法特性，称为“解构赋值”，它极大地提高了代码的可读性和简洁性，特别是在处理数组和对象时。解构赋值允许开发者按照特定的模式从数组或对象中提取值，并直接赋值给一组变量。
### 数组的解构赋值
数组的解构赋值是通过一种“模式匹配”的方式实现的。在ES6之前，我们需要逐个给变量赋值：
```javascript
var a = 1;
var b = 2;
var c = 3;
```
但在ES6中，可以采用更简洁的形式：
```javascript
var [a, b, c] = [1, 2, 3];
```
这种方式允许我们一次性赋值多个变量，匹配等号两边的模式。例如，对于嵌套数组的解构：
```javascript
let [foo, [[bar], baz]] = [1, [[2], 3]];
foo // 1
bar // 2
baz // 3
```
此外，还可以忽略数组中的某些值，如：
```javascript
let [,, third] = ["foo", "bar", "baz"];
third // "baz"
```
或者提取数组的第一个元素并收集其余元素：
```javascript
let [head, ...tail] = [1, 2, 3, 4];
head // 1
tail // [2, 3, 4]
```
### 默认值
解构赋值也支持指定默认值，如果数组中的某个位置没有值，将使用默认值：
```javascript
var [foo = true] = [];
foo // true
[x, y = 'b'] = ['a'];
// x='a', y='b'
```
需要注意的是，如果默认值是一个表达式，这个表达式是惰性求值的，只有在需要时才会计算。默认值可以引用解构赋值的其他变量，但这些变量必须已经声明。
### 对象的解构赋值
对象的解构赋值与数组的不同之处在于，它依赖于属性名而非位置。例如：
```javascript
var {foo, bar} = {foo: "aaa", bar: "bbb"};
foo // "aaa"
bar // "bbb"
```
如果变量名与属性名不同，可以使用冒号指定映射关系：
```javascript
var {foo: baz} = {foo: "aaa", bar: "bbb"};
baz // "aaa"
```
对象的解构也可以嵌套，例如：
```javascript
var obj = {p: ["hello", {y: "world"}]};
var {p: [x, {y}]} = obj;
x // "hello"
y // "world"
```
同样，对象的解构赋值也支持默认值：
```javascript
var {x = 3} = {};
x // 3
var {x, y = 5} = {x: 1};
x // 1
y // 5
```
如果尝试解构的对象中不存在匹配的属性，则变量的值为`undefined`：
```javascript
var {foo} = {bar: "baz"};
foo // undefined
```
解构赋值提供了更简洁、灵活的方式来处理数组和对象中的数据，提高了代码的可读性和可维护性。理解并熟练运用这一特性，可以显著提升JavaScript编程的效率。
