[Destructuring Assignment] How to Assign Destructured Properties or Elements Directly to Variables, Objects or Arrays #javascript #tip

destructuring-assignment.js

let foo, bar, baz;
[ foo, bar, baz ] = ['foo', 'bar', 'baz'];

console.log(foo, bar, baz); // "foo", "bar", "baz"


({ foo, bar, baz } = {bar: 'foo', baz: 'bar', foo: 'baz'});

console.log(foo, bar, baz); // "baz", "foo", "bar"




const obj1 = {foo: 'foo', bar: 'bar', baz: 'baz'};
const obj2 = {};

({ foo: obj2.bar, bar: obj2.baz, baz: obj2.foo } = obj1);

console.log(obj2); // { bar: "foo", baz: "bar", foo: "baz" }




const arr1 = ['foo', 'bar', 'baz'];
const arr2 = [];

[ arr2[2], arr2[1], arr2[0] ] = arr1;

console.log(arr2); // ["baz", "bar", "foo"]




const obj = {foo: 'foo', bar: 'bar', baz: 'baz'};
const arr = [];

({ foo: arr[2], bar: arr[1], baz: arr[0] } = obj);

console.log(arr); // ["baz", "bar", "foo"]


[ obj.foo, obj.baz, obj.bar ] = arr;

console.log(obj); // { bar: "foo", baz: "bar", foo: "baz" }