破坏嵌套对象

Question

我想使用对象析构来简化我的代码。我正在从服务器获取数据并且解析是对象：data = {  current: {     humidity: 73  }}最终函数应如下所示，但这不起作用：extractData({data.current.humidity: humidity  }) {            return { humidity };        }extractData(data);如何为这种对象做功能？

Answer 1

解构模式就像对象文字，所以你不使用点，而是使用嵌套（另外，引用对象 [ data] 的变量名称不相关）：

// (I assume this is a method in a class; otherwise, add `function`)

extractData({current: {humidity}}) {

    return { humidity };

}

现场示例：

function extractData({current: {humidity}}) {

    return { humidity };

}

const data = {

  current: {

     humidity: 73

  }

};

console.log(extractData(data));

请注意，我将您的返回值保留在那里，这是一个具有属性的对象。humidity如果您只想要湿度值，请不要{}在它周围使用：

// (I assume this is a method in a class; otherwise, add `function`)

extractData({current: {humidity}}) {

    return humidity;

}

现场示例：

function extractData({current: {humidity}}) {

    return humidity;

}

const data = {

  current: {

     humidity: 73

  }

};

console.log(extractData(data));

我以为你想要一个函数，但正如 Rittoo 所说，如果你想要做的只是获取 ; 的值，你就不需要一个函数humidity；以他们的答案为例。

Answer 2

或者您可以简单地使用以下格式从数据中获取湿度而无需调用函数。

const {current: { humidity}} = data;