Convert to destructured assignment

[automatensalat]

Is this request related to a problem? Please describe.

I often find myself wanting to convert assignments to variables from member expressions to destructurings, like:

// from
const member = parent.member;
// to
const { member } = parent;

Especially if I now want to access another member of the parent object. Unfortunately I didn't find a refactoring for this. Destructure object seems to be for a different usecase.

Describe the solution you'd like

I'd select any part of the assignment (not sure which?) and select a "Convert to destructured assignment" (or so) refactoring. It would retain the variable names, or use the short syntax if it's the same name:

// from
const myMember = parent.member;
// to
const { member: myMember } = parent;

[brunnerh]

Could be accompanied by a command for the inverse operation, creating a line for each member assignment.

[brunnerh]

Also, it would probably be useful if there is a command that can handle multiple members at once.
Not just assignments and not necessarily all in the same place.

Example

// From
const someDialog = new SomeDialog({
  target: order.target,
  props: {
    projectStatus: order.status,
    products: order.products.map(p => ({ ...p })),
    schedules: order.schedules,
  },
});

// To
const { target, status, products, schedules } = order;
const someDialog = new SomeDialog({
  target,
  props: {
    projectStatus: status,
    products: products.map(p => ({ ...p })),
    schedules,
  },
});