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

Question

如何使用解构访问嵌套在数组中的对象的属性？以下是我的代码:

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

例如，我想对值为“haze”的变量描述进行 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'