多層解構賦值

2021-10-12 04:00:28 字數 552 閱讀 9612

一般使用結構賦值的時候,多是服務端返回的資料的時候,一般會包有固定的一層資料,data什麼之類的,所有此時使用乙個解構賦值,會使得**看起來略微高雅一點

普通的解構賦值

let obj = 

}}

結構出第乙個data

let  = obj

這個樣子就是定義了乙個新的變數,名字叫做data,資料就是

}或者可以生成乙個新的變數來接受這個解構出來的物件

let = obj

這個樣子就是定義了乙個新的變數,名字叫做res ,資料就是

}

然而這個時候會發現使用起來還是不太方便,需要直接對資料進行便利的話,還需要拿data裡面的資料,這個時候就需要深層結構

一樣的操作,還是用data接受的話,就是

let } = obj

然後data就是

或者是用乙個自己喜歡的字段接受一下:

let } = obj

然後res就是

解構賦值 陣列的解構賦值

什麼是解構賦值?es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 destructuring 我的理解是 允許宣告一種模式 陣列 物件等 裡面包含乙個或多個變數,再分別對這些變數遍歷 按照對應位置 賦值。以前,為變數賦值,只能直接指定值。let a 1 let b 2 通...

Javascript 解構賦值

本文是ecmascript 6 入門學習筆記 es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 destructuring 等號的右邊不是陣列必須為可遍歷的結構 具備 iterator 介面 解構賦值為陣列中提取值,按照對應位置,對變數賦值。let x,y 1,2,3 x...

物件解構賦值

先賦值看看 script let console log test1 console log test2 script 簡化寫法 script let console log abc console log def script 在物件解構賦值中,順序是沒有影響的,我們修改上面的內容 script ...