ESLint 如何应用“使用数组解构”？

Question

假设我想做这样的事情：

let foo = myArray[1];

我的项目配置了 ESLint 的 AirBnb 规则，它抛出以下错误：“使用数组解构（首选解构）”。

我设法通过执行以下操作解决了该问题：

let [, foo] = myArray;

但是，我看到两个问题：1. 它很难看（在我看来很难阅读）和 2. 如果我试图访问数组的第 20 个元素，我是否必须使用 20 个逗号？

我找到的解决方案显然不可行，那么有没有更好的方法来解决问题？

Answer 1

但是，我看到两个问题：1. 它很难看（在我看来很难阅读）和 2. 如果我试图访问数组的第 20 个元素，我是否必须使用 20 个逗号？

我同意这很丑陋，是的，您需要 20 个逗号才能单独访问元素 20。 如果这是您执行一次或两次的操作，请考虑禁用该行的规则。

// eslint-disable-next-line prefer-destructuring
let foo = myArray[20];

如果这是您经常做的事情，请考虑完全禁用该规则。 在你的eslint.rc文件中：

{
  "rules": {
    "prefer-destructuring": "off",
  }
}

如果完全关闭它比你想要的更多（比如，你想为对象保留它，但为数组关闭它），你可以在你的 eslint.rc 中添加一些不同的配置集。 您可以在此页面上看到各种配置选项

Answer 2

你可以结合对象文字和数组来拥有

const {20: foo} = myArray;

在这里， 20是一个键，因为数组本质上只是带有方法的对象。