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是一個鍵，因為數組本質上只是帶有方法的對象。