eslint prefer-destructuring

Use array destructuring

• ???

let time = 0;
const arrarr = [
  [0, 1],
  [1, 11],
  [2, 21],
];
// ...

// error
time = arrarr[0][0];
// ok
[[time]] = arrarr; // 0

// error
time = arrarr[1][1];
// ok
[, [, time]] = arrarr; // 11

• 홀리…
• 배열과 오브젝트는 구조 분해 할당할 수 있다
• 오브젝트의 경우 자주 사용하지만, 배열의 경우는 별로 사용해본적이 없다
• 리액트를 쓰면서 useState에서 state와 setState함수를 받을 때 주로 사용했지,
• 이렇게 이미 선언해서 쓰던 변수에 값을 덮어쓸 때 사용해서 약간 충격이다
• 배열에 변수가 아닌 정적인 상수 인덱스를 통해서 꺼내는 경우 구조 분해 할당을 사용하라고 추천해줘서 알게 되었다

• 근데 상수 인덱스가 너무 큰 경우에는 오히려 가독성이 떨어질 것 같다

참고

• https://eslint.org/docs/rules/prefer-destructuring
• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment