解構(gòu)：

1.解構(gòu)數(shù)組：

最簡(jiǎn)單的解構(gòu)：數(shù)組的解構(gòu)賦值：

示例1

這創(chuàng)建了2個(gè)命名變量?first?和?second。 相當(dāng)于使用了索引，但更為方便：

? ? ? ?first = input[0]; ? ?second = input[1];

作用于函數(shù)參數(shù)：

示例2

在數(shù)組里使用...語(yǔ)法創(chuàng)建剩余變量：

示例3

由于是JavaScript，因此可以忽略尾隨元素：

示例4

或者其它元素：

示例5

展開(kāi)：

展開(kāi)操作符正與解構(gòu)相反：允許你將一個(gè)數(shù)組展開(kāi)為另一個(gè)數(shù)組，或?qū)⒁粋€(gè)對(duì)象展開(kāi)為另一個(gè)對(duì)象。

示例6

上面示例令bothPlus的值為[0, 1, 2, 3, 4, 5]。展開(kāi)操作創(chuàng)建了first和second的一份淺拷貝。它們不會(huì)被展開(kāi)操作所改變。

示例7

search的值為{ food: "rich", price: "$$", ambiance: "noisy" }。

對(duì)象的展開(kāi)是從左到右進(jìn)行處理的，因此出現(xiàn)在展開(kāi)對(duì)象后面的屬性會(huì)覆蓋前面的屬性。