destructuring object into multiple object assignment

Question

I have an object like so:

const obj = {
  a: 1,
  b: 2,
  c: 3,
  d: 4,
  e: 5
}

I want to create multiple object literals out of it. So:

const obj1 = {
 a: 1,
 b: 2
}

const obj2 = {
  c: 3,
  d: 4,
  e: 5
}

Is it possible to achieve this using an object destructing assignment?

Something like:

const { {a, b}: obj1, {c, d, e}: obj2} = obj;

jsejcksn · Accepted Answer · 2022-05-13 20:58:53Z

3

Is it possible to achieve this using object destructuring assignment?

No, it is not possible. However, you can write a function to split an object by its property names into multiple objects like this:

function splitObject (obj, ...propertyGroups) {
  return propertyGroups.map(group => {
    const o = {};
    for (const key of group) o[key] = obj[key];
    return o;
  });
}

const obj = {
  a: 1,
  b: 2,
  c: 3,
  d: 4,
  e: 5,
};

const [obj1, obj2] = splitObject(obj, ['a', 'b'], ['c', 'd', 'e']);

console.log({obj, obj1, obj2});

By returning the sub-objects in a tuple, you have the freedom to destructure it, naming each one according to your preference.

answered May 13, 2022 at 20:58

jsejcksn

34.6k5 gold badges55 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

destructuring object into multiple object assignment

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related