concatenating two objects without partitioning arrays

Question

I'm not sure how to do this so any help would be appreciated. I have two objects I want to combine into one object. I've used the spread operator to do this:

newObj = {...obj1, ...obj2};

this, for example gives me this:

{
  [
    obj1A{
     "item": "stuff",
     "item": "stuff"
    },
    obj1B{
     "item": "stuff",
     "item": "stuff"
    }
  ],
  [
    obj2A{
     "item": "stuff",
     "item": "stuff"
    },
    obj2B{
     "item": "stuff",
     "item": "stuff"
    }
  ]
}

But what I want is this:

 {
      [
        obj1A{
         "item": "stuff",
         "item": "stuff"
        },
        obj1B{
         "item": "stuff",
         "item": "stuff"
        },
        obj2A{
         "item": "stuff",
         "item": "stuff"
        },
        obj2B{
         "item": "stuff",
         "item": "stuff"
        }
      ]
    }

Anyone know how to do this?

please add valid objects. arrays do not have properties in literal syntax. — Nina Scholz
– Nina Scholz, Commented Mar 14, 2018 at 17:44

Nina Scholz · Accepted Answer · 2018-03-14 17:47:36Z

4

With proper unique names, you could use Object.assign and create a new object.

var object1 = { obj1A: { item1: "stuff", item2: "stuff" }, obj1B: { item1: "stuff", item2: "stuff" } },
    object2 = { obj2A: { item1: "stuff", item2: "stuff" }, obj2B: { item1: "stuff", item2: "stuff" } },
    combined = Object.assign({}, object1, object2);
  
console.log(combined);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Mar 14, 2018 at 17:47

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

5 Comments

Scott Sauyet Over a year ago

Of course if that's the shape of the objects, then the original technique would work just as well here: combined = {...object1, ...object2}. So I suspect there's something else going on here.

Nina Scholz Over a year ago

@ScottSauyet, actually not in all user agents.

Scott Sauyet Over a year ago

Oh, I never realized that. Is it just old IE?

Scott Sauyet Over a year ago

Thank you. I've only recently gotten back into working with browsers. Too much Node lately; it's awfully convenient to be working with a single evergreen agent!

Sharper Over a year ago

Accepting this answer as it's correct for the question asked. Though it doesn't solve my problem. I was already using the spread operator, which does the same thing regardless of compatibility. I think I'll post up an other question that's more specific to my issue. Apologies for the generality of the initial question.

combatc2 · Accepted Answer · 2018-03-14 17:47:53Z

0

If you're using jQuery you could do something similar to this https://jsfiddle.net/d11kfd4d/:

var a = { 
   propertyOne: 'One',
   propertyTwo: 'Two'
};

var b = { 
   propertyThree: 'Three',
   propertyFour: 'Four'
}

var c = $.extend(a, b);

console.log(c);

answered Mar 14, 2018 at 17:47

combatc2

1,25910 silver badges10 bronze badges

Comments

Ele · Accepted Answer · 2018-03-14 17:54:29Z

0

Assuming you have a typo (changing this [] to this {}) and the keys are valids (not repeated), you can use the Spread syntax.

var obj1 = { obj1A: { item: "stuff", item2: "stuff" }, obj1B: { item: "stuff", item2: "stuff" } },
    obj2 = { obj2A: { item: "stuff", item2: "stuff" }, obj2B: { item: "stuff", item2: "stuff" } }
    
console.log({...obj1, ...obj2});

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Mar 14, 2018 at 17:54

Ele

33.8k7 gold badges43 silver badges80 bronze badges

1 Comment

Scott Sauyet Over a year ago

The question noted that this did not work. So I suspect the original objects are not as suggested. (It's not just a bracket change.)

Collectives™ on Stack Overflow

concatenating two objects without partitioning arrays

3 Answers 3

5 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related