我們經(jīng)?？梢栽谄渌幊陶Z言(如GO語言)中看到多返回值這種特性，因為在很多實際場景中，函數(shù)的返回值中，函數(shù)的返回值并不只有一個單一的值。ES6之前，并沒有可以直接使用語法來實現(xiàn)多返回值的特性。ES6終于出現(xiàn)了解構(gòu)賦值的語法糖來解決此類問題。

解構(gòu)賦值是一種表達(dá)式，允許您使用數(shù)組或?qū)ο螅瑢⒖傻鷮ο蟮闹祷驅(qū)傩苑峙浣o變量。解構(gòu)賦值能讓我們用更簡短的語法進(jìn)行多個變量的賦值，大大的減少了代碼量。解構(gòu)表達(dá)式有兩種：array和object。

今天的文章筆者將從以下方面進(jìn)行介紹：

使用數(shù)組表達(dá)式解構(gòu)賦值

常規(guī)用法

如何將一個數(shù)組的值，賦值給多個變量？數(shù)組解構(gòu)語法能讓我們快速的迭代數(shù)組的元素，并賦值給多個變量。

E6之前，我們可以這種形式將數(shù)組的內(nèi)容賦值給多個變量：

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

ES6后，我們可以通過數(shù)組解構(gòu)語法，在一行語句里完成上述操作。

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

上述代碼中，[a, b, c]就是解構(gòu)表達(dá)式。在數(shù)組解構(gòu)語句的左側(cè)就是需要進(jìn)行賦值的多個變量，等號右側(cè)則是我們需要分配的值。

我們還可以讓上述代碼更短，你還可以這么寫，代碼如下：

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

我們在同一行語句中創(chuàng)建變量，而不是分別創(chuàng)建。是不是更清爽。

如果左邊的數(shù)值少于右邊數(shù)組的項數(shù)，左邊變量的值只會和右邊數(shù)組的內(nèi)容一一對應(yīng)，多于的內(nèi)容將會忽略。

忽略數(shù)組中某些值

如果只有兩個變量，我們數(shù)組內(nèi)容有三項，我們想跳過數(shù)組中的第二項，我們?nèi)绾问褂脭?shù)組解構(gòu)賦值呢？代碼如下：

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

上述代碼我們使用, ,忽略數(shù)組中的第二項，建議中間有空格，方便我們閱讀。

使用展開語法

上篇文章 《【ES6基礎(chǔ)】展開語法(Spread syntax)》 ，筆者介紹了展開語法的幾個應(yīng)用場景，由于上篇文章沒介紹解構(gòu)賦值，所以在這里給大家介紹展開語法在解構(gòu)賦值的應(yīng)用。如下段代碼所示：