Array destructuring in JavaScript

Question

I have this code in my vue-js app:

methods: {
    onSubmit() {
      ApiService.post(\'auth/sign_in\', {
        email: this.email,
        password: this.pa         


        

Answer 1

Always look things up on MDN if you want to find out about javascript things. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Array_destructuring

Here's a simple example of destructuring:

const [a, b] = ['a', 'b'];

Its a shorthand available since es6 that allows doing variable assignment in a more shorthand way.

The original way would be like:

const arr = ['a', 'b'];
const a = arr[0];
const b = arr[1];

And the es6 way would be like:

const arr = ['a', 'b'];
const [a, b] = arr;

Now in regards to the eslint error, I actually disagree with that one. Your code by itself should be fine. So you should file an issue on the Eslint github repo to ask about why that line is triggering the "prefer-destructuring" warning.