解構賦值

通過解構賦值，可以快速從對象或者數組中取出屬性或者數值。

成都創新互聯公司專注為客戶提供全方位的互聯網綜合服務，包含不限于成都網站制作、網站設計、大豐網絡推廣、成都小程序開發、大豐網絡營銷、大豐企業策劃、大豐品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；成都創新互聯公司為所有大學生創業者提供大豐建站搭建服務，24小時服務熱線：13518219792，官方網址：vcdvsql.cn

1. 解構賦值

   可以通過定位到數組或者對象的某一個位置，將值直接賦給一個或多個變量。

   const arr = ['dasha', 'ersha', 'gangdan']
   let [a, b, c] = arr	//a='dasha' b='ersha' c='gangdan'
   //假如需要交換ab的值 只需要
   [a, b] = [b, a]
   

2. 解構賦值嵌套

   復雜的對象或者數組也可以使用這種方法。

   const arr = [1, [2,3,4], 5]
   let [a, [b,,d], c] = arr
   
   console.log(a)	// 1
   console.log(b)	// 2
   console.log(d) 	// 4
   

3. 解構賦值的默認值

   給變量先設置好默認值，當數組或者對象中無法找到匹配的值，則將默認值賦給變量。

   let [a=1] = [100] // a=100
   let [b=1] = [] // b=1
   

4. 解構賦值用在對象上時候，需要用鍵的方式

   const obj = {
       name:'shabi',
       age:12,
   }
   let{age} = obj
   
   // 為了防止age在上面被let定義過了，可以將age改名為ag
   let{age:ag, err="定義err默認值即使對象中沒有這個屬性，也可以獲取到這個默認值字符串"} = obj
   console.log(err)// '定義err默認值即使對象中沒有這個屬性，也可以獲取到這個默認值字符串'
   

5. 解析一個從函數返回的數組

   獲取返回值進行解構賦值，更加方便

   function test(){
       return [1,2,3]
   }
   let [x,y] = test()
   console.log(x)	//x = 1
   console.log(y)	//y = 2
   

6. rest寫法：將剩下的所有值賦值給一個變量

   這種寫法只能適用于用在最后一位，無法用在開頭或者中間，否則會報錯。

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

網頁標題：ES6中的解構賦值（數組，對象，嵌套，默認值）
網站鏈接：http://vcdvsql.cn/article26/dsdecjg.html

成都網站建設公司_創新互聯，為您提供響應式網站、網站收錄、微信小程序、做網站、服務器托管、網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯