使用解構來訪問嵌套在數組中的對象的屬性

Question

如何使用解構來訪問嵌套在數組中的對象的屬性？以下是我的代碼：

var weatherObj = { 
     weather: [{ 
     id: 721, 
     main: "Haze", 
     description: "haze", 
     icon: "50d" 
     }] 
    }; 

例如，我想decalre變量描述與價值「陰霾」。

Answer 1

分解各級

可以分解一次在一個級別。首先，獲取weatherObj的weather屬性。接下來，訪問該屬性中數組的第一個元素。最後，分解從元件所需的屬性：

var {weather} = weatherObj 
var [w1] = weather; 
var {description} = w1; 

特定屬性與嵌套

如果你只在description屬性感興趣，你可以嵌套模式如下：

var {weather: [{description}]} = weatherObj; 
// description === 'haze' 

您也可以使用與分解屬性不同的名稱將值分配給變量，就像您使用基本分解進行分解一樣：

var {weather: [{description: desc}]} = weatherObj; 
// desc === 'haze'