javascript - 如何将 Javascript 中的对象数组解构为 ES6 中的两个预定义变量？

Question

我有一个包含以下形式的对象的数组:数组 = [ { 类型:类型，消息:消息 } ]

我不断收到 ESLint 错误，要求我使用对象解构和数组解构。

目前我的代码如下所示:

let type=null;
let message=null;
if (data.length > 0) {
  ({ type, message } = data[0]);
}

到目前为止，这有效并且我的变量分配正确，但是我仍然从 ESLint 收到“使用数组解构”消息。

如有任何帮助，我们将不胜感激。谢谢

Answer 1

您可以解构数组:

let type=null;
let message=null;
if (data.length > 0) {
  [{ type, message }] = data;
}

上面的代码是以下代码的较短版本:

[ firstElement ] = data;  // array destructruring
({ type, message } = firstElement);  // object destructuring