ES6基础之解构赋值(destructuring assignment)

我们经常可以在其他编程语言(如GO语言)中看到多返回值这种特性，因为在很多实际场景中，函数的返回值中，函数的返回值并不只有一个单一的值。ES6之前，并没有可以直接使用语法来实现多返回值的特性。ES6终于出现了解构赋值的语法糖来解决此类问题。

解构赋值是一种表达式，允许您使用数组或对象，将可迭代对象的值或属性分配给变量。解构赋值能让我们用更简短的语法进行多个变量的赋值，大大的减少了代码量。解构表达式有两种：array和object。

今天的文章笔者将从以下方面进行介绍：

使用数组表达式解构赋值

常规用法

如何将一个数组的值，赋值给多个变量？数组解构语法能让我们快速的迭代数组的元素，并赋值给多个变量。

E6之前，我们可以这种形式将数组的内容赋值给多个变量：

var myArray = [1, 2, 3];var a = myArray[0];var b = myArray[1];var c = myArray[2];

ES6后，我们可以通过数组解构语法，在一行语句里完成上述操作。

let myArray = [1, 2, 3];let a, b, c;[a, b, c] = myArray; //array destructuring assignment syntax

上述代码中，[a, b, c]就是解构表达式。在数组解构语句的左侧就是需要进行赋值的多个变量，等号右侧则是我们需要分配的值。

我们还可以让上述代码更短，你还可以这么写，代码如下：

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

我们在同一行语句中创建变量，而不是分别创建。是不是更清爽。

如果左边的数值少于右边数组的项数，左边变量的值只会和右边数组的内容一一对应，多于的内容将会忽略。

忽略数组中某些值

如果只有两个变量，我们数组内容有三项，我们想跳过数组中的第二项，我们如何使用数组解构赋值呢？代码如下：

let [a, , b] = [1, 2, 3];console.log(a);console.log(b);

上述代码我们使用, ,忽略数组中的第二项，建议中间有空格，方便我们阅读。

使用展开语法

上篇文章 《【ES6基础】展开语法(Spread syntax)》 ，笔者介绍了展开语法的几个应用场景，由于上篇文章没介绍解构赋值，所以在这里给大家介绍展开语法在解构赋值的应用。如下段代码所示：