使用解构来访问嵌套在数组中的对象的属性

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'