Adding new object to another without wrapper

Question

I'm importing some json from another files using es6 but when i try to gather them inside of another json object they added with variable name as array name.

element1.js

module.exports = {
   'element1': { foo: 'bar' }
}

element2.js

module.exports = {
   'element2': { foo: 'bar' }
}

when i run this code below;

import elementVar1 from './element1.js'
import elementVar2 from './element2.js'

const list = { elementVar1, elementVar2 }

list returns as below;

{
  elementVar1: {
     element1: {
        foo: 'bar'
     }
  },
  elementVar2: {
     element2: {
        foo: 'bar'
     }
  }
}

my aim is process these elements without any wrapper like this;

{
   element1: {
      foo: 'bar'
   },
   element2: {
      foo: 'bar'
   }
}

basicly i want to concat them

No need to wrap it in `{}` just use `const list = elementVar`, Or why not just `import list from './element.js'` — Satpal, Jan 24 '17 at 12:08

Santanu Biswas · Accepted Answer · 2017-01-24T12:56:15.297

1

This should do...

import elementVar from './element.js'

const list = elementVar;

EDIT

Based on changed question... the solution will be as follows:

import elementVar1 from './element1.js'
import elementVar2 from './element2.js'

const list = Object.assign({}, elementVar1, elementVar2);

edited Jan 24 '17 at 12:56

answered Jan 24 '17 at 12:08

Santanu Biswas

4,699
2
22
21

You should add that this will copy the reference. `const list = Object.assign({}, elementVar);` to create a shallow clone – CodingIntrigue Jan 24 '17 at 12:13
Because i don't want to do this process for only one element. I'm gonna concat multiple elements. i edited the question. – Barış Tuna Jan 24 '17 at 12:40
@BarışTuna Please see my edited response. – Santanu Biswas Jan 24 '17 at 12:56
thank you very much @SantanuBiswas this is what i wanted to do – Barış Tuna Jan 24 '17 at 14:10

Adding new object to another without wrapper

1 Answers1