javascript - 解构嵌套对象

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));

---

我假设你想要一个函数，但是as Rittoo says ，如果您只想获取 humidity 的值，则不需要；查看他们的答案以获取示例。