Question

80

Spread an array of objects into a parent object

rated 0 times [ 84] [ 4] / answers: 1 / hits: 26825 / 8 Years ago, mon, november 28, 2016, 12:00:00

Is there a simple way to use the spread ... operator to combine an array of objects with a another object to create a single object? This example shows what I'm trying to accomplish:

const arrayOfObjects = [

  { x: 'foo' },

  { y: 'bar' }

];



const obj = {

  hello: 'world'

};

The output I'm looking for is as follows:

{

  x: 'foo',

  y: 'bar',

  hello: 'world'

}

I've tried the following, amongst other things, but it doesn't quite give the intended output.

{

  hello: 'world'

  ...arrayOfObjects

}



// Gives

{

  0: { x: 'foo' },

  1: { y: 'bar' },

  hello: 'world'

};

Is it possible to do this with clever use of the spread operator?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

shekinah

Add To Favorites

Follow

Total Points: 699

Total Questions: 112

Total Answers: 110

Location: Philippines

Member since Sat, Jul 11, 2020

4 Years ago

answered 8 Years ago jenamackennac · Accepted Answer

You can use Object.assign() with spread syntax ...

const arrayOfObjects = [{

  x: 'foo'

}, {

  y: 'bar'

}];



const obj = {

  hello: 'world'

};



var result = Object.assign({}, obj, ...arrayOfObjects);

console.log(result)