>[success] # 數組解構 ~~~ 1.數組解構的語法形式是在一個賦值操作符左邊放置一個對象字面量 ~~~ >[danger] ##### 給未定義的變量賦值 * 取出數組中的每一項 ~~~ let numList = [17,18,19] // 賦值給定義的變量 let [first,second,third] = numList console.log(first) // 17 console.log(second) // 18 console.log(third) // 19 ~~~ * 取出數組中的指定項 ~~~ 1.如果需要取出某一項，可以領用'逗號占位' 2.解構賦值的時候右側不能是'null' 和 'undefind' ~~~ ~~~ let numList = [17,18,19] // 賦值給定義的變量 let [,,third] = numList console.log(third) // 19 ~~~ * 取出第一項利用取出數組指定項的方法 ~~~ let numList = [17,18,19] // 賦值給定義的變量 let [first] = numList console.log(first ) // 19 // 取出字符串第一項 let Name = 'wang' let [beginString] = Name console.log(beginString) // w ~~~ >[danger] ##### 像python 一樣不用借用中間項，交互兩個值 ~~~ let x = 1; let y = 2; // 注意這里要有分號，可以在中括號前面加，也可以在最后一個變量也就是這里的y加 [x, y] = [y, x]; console.log(x) // 2 console.log(y) // 1 ~~~ >[danger] ##### 設置默認值 ~~~ let numList = [1] // numList 不存在二項，如果不設置默認值解構賦值的時候取 // 第二項是undefined，下面代碼設置了默認值所以是 2 let [first, second = 2] = numList console.log(first) // 1 console.log(second) // 2 ~~~ >[danger] ##### 嵌套數組結構 ~~~ let colors = ['red',['green','lightgreen'],'blue'] let [firstColor,[secondColor] ] = colors console.log(firstColor) // red console.log(secondColor) // green ~~~ >[danger] ##### 不定元素（挺重要用的場合比較多） ~~~ 1.注意展開運算符的數據必須放在最后且后面不能加逗號 ~~~ ~~~ let colors = ['red','green','blue'] // ... 展開運算符會將其他像變成數組 let [firstColor,...restColors] = colors console.log(firstColor) // red console.log(restColors) // ['green','blue'] ~~~ * 淺copy 數組 ~~~ let colors = ['red','green','blue'] // ... 展開運算符會將其他像變成數組 let [...restColors] = colors console.log(restColors) // ['red','green','blue'] ~~~ >[danger] ##### 結構開發時候便捷 ~~~ const path = '/foo/bar/baz' // const tmp = path.split('/') // const rootdir = tmp[1] const [, rootdir] = path.split('/') console.log(rootdir) ~~~