@putout/plugin-apply-destructuring

The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.

(c) MDN

🐊Putout plugin adds ability to use destructuring on variable declarations. Renamed to @putout/plugin-destructuring.

Install

npm i @putout/plugin-apply-destructuring

Rules

• ✅ object;
• ✅ array;
• ✅ falsy;
• ✅ convert-object-to-array;

Config

Short:

{
    "rules": {
        "apply-destructuring": "on"
    }
}

Full:

{
    "rules": {
        "apply-destructuring/object": "on",
        "apply-destructuring/array": "on",
        "apply-destructuring/falsy": "on"
    }
}

array

❌ Example of incorrect code

const first = array[0];

✅ Example of correct code

const [first] = array;

object

❌ Example of incorrect code

const name = user.name;

hello = world.hello;

✅ Example of correct code

const {name} = user;

({hello} = world);

falsy

Check out in 🐊Putout Editor.

❌ Example of incorrect code

const {maxElementsInOneLine} = {
    options,
};

✅ Example of correct code

const {maxElementsInOneLine} = options;

convert-object-to-array

Check out in 🐊Putout Editor.

❌ Example of incorrect code

const {0: a, 1: b} = c;

✅ Example of correct code

const [a, b] = c;

License

MIT