如果我要基于对象在数组的特定索引中分配两个变量，如何通过eslint的“首选解构”规则？

Question

我有数组touchEvents。看起来像：

evt: {
    touchEvents: [
       {
         clientX: 3,
         clientY: 4,
       }, {...}, ...
    ]
 }

我想将两个变量重新分配给两个属性，特别是在数组的[0]位置。

我做了：

clientX = evt.touchEvents[0].clientX;
clientY = evt.touchEvents[0].clientY;

埃琳特·林特说：

错误：使用对象分解（首选分解）

所以我做到了：

({ clientX, clientY } = evt.touchEvents[0]);

我得到了错误

错误：使用数组解构（首选解构）

我不明白如何使用“数组解构”来分配这些变量。我已经阅读了mdn docs和eslint documentation on destructuring，但我仍然不明白它想要我什么，或者更确切地说，如何使用数组结构分解来分配这些变量。

我如何使用“数组解构”来传递此eslint规则并分配我的变量？

Answer 1

两行是

const [ touchEvents ] = evt.touchEvents
const { clientX, clientY } = touchEvents

或单线

const { clientX, clientY } = evt.touchEvents[0]

或

const [{ clientX, clientY }] = evt.touchEvents

如果您觉得有任何规则困扰您，可以随时通过// eslint-disable-next-line <the-rule-name>禁用它>