javascript - 在没有包装器的情况下将新对象添加到另一个对象

Question

这个问题已经有答案了:

How do I merge two javascript objects together in ES6+? (6 个回答)

已关闭 6 年前。

我使用 es6 从另一个文件导入一些 json，但是当我尝试将它们收集到另一个 json 对象中时，它们添加了变量名称作为数组名称。

element1.js

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

element2.js

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

当我运行下面的代码时；

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

const list = { elementVar1, elementVar2 }

列表返回如下；

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

我的目标是在没有像这样的包装器的情况下处理这些元素；

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

基本上我想连接它们

Answer 1

这应该可以...

import elementVar from './element.js'

const list = elementVar;

编辑

根据更改的问题...解决方案如下:

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

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