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

标签 javascript ecmascript-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'
   }
}

基本上我想连接它们

最佳答案

这应该可以...

import elementVar from './element.js'

const list = elementVar;

编辑

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

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

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

关于javascript - 在没有包装器的情况下将新对象添加到另一个对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41827828/

相关文章:

javascript - Google map API 与库

javascript - 使用 Bootstrap 使用折叠/ Accordion 在网格中显示元素

javascript - ES6 类中的继承和原型(prototype)链

javascript - 如何在 React 16 中使用 ReactDOM.createPortal() ?

javascript - Promise 和 React Native 协助

javascript - 如何在上传图像按钮上设置必填项

javascript - Zurb 基金会揭示禁用动画

javascript - react + ES6 : defaultProps of hierarchy

javascript - 为什么 Chrome 无法(或不能)在 ES6 的 Arrow 函数中找到上下文

javascript - 如何从 Aurelia 中的函数更新属性