将两个 javascript 对象合并为一个？ [重复]

Question

我正在尝试将以下对象合并为一个，但到目前为止还没有运气 - 我的 console.log 中的结构如下：

2018-05-11 : {posts: 2} // var posts
2018-05-11 : {notes: 1} // var notes

合并后我希望它看起来像下面这样

2018-05-11 : {posts: 2, notes: 1}

我尝试过 object.assign() 但它只是删除了初始帖子数据 - 最好的方法是什么？

Answer 1

var x =  {posts: 2};
var y = {notes: 1};
var z = Object.assign( {}, x, y );
console.log(z);

使用

Object.assign()

并将对象属性分配给空对象。

Answer 2

这是一个更通用的函数。它通过对象传播并将合并到声明的变量中。

const posts = {  '2018-05-11': {    posts: 2  },  '2018-05-12': {    posts: 5  }};
const notes = {  '2018-05-11': {    notes: 1  },  '2018-05-12': {    notes: 3  }};

function objCombine(obj, variable) {
  for (let key of Object.keys(obj)) {
    if (!variable[key]) variable[key] = {};

    for (let innerKey of Object.keys(obj[key]))
      variable[key][innerKey] = obj[key][innerKey];
  }
}

let combined = {};
objCombine(posts, combined);
objCombine(notes, combined);
console.log(combined)

我希望您觉得这有帮助。

Answer 3

您可以使用

Object.assign()

执行以下操作：

var posts = {'2018-05-11' : {posts: 2}} // var posts
var notes = {'2018-05-11' : {notes: 1}} // var notes

Object.assign(posts['2018-05-11'], notes['2018-05-11']);
console.log(posts);

Answer 4

您可以使用 Lodash 库中的

merge

方法。

const posts = {'2018-05-11' : {posts: 2}}
const notes = {'2018-05-11' : {notes: 1}}

const result = _.merge({}, posts, notes);
console.log(result)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.js"></script>

Answer 5

您需要像这样对每个项目应用分配：

var a =  {"2018-05-11" : {notes: 1}};

var b =  {"2018-05-11" : {posts: 3}};

var result = {};

Object.keys(a).forEach(k=>{result[k] = Object.assign(a[k],b[k])});

console.log(result);

Answer 6

jQuery.extend() 可能会有所帮助。

$.extend() 执行的合并默认不是递归的；如果一个 第一个对象的属性本身是一个对象或数组，它将是 完全被第二个具有相同键的属性覆盖 或后续对象。这些值不会合并。然而，通过 对于第一个函数参数为 true，对象将递归 合并了。

尝试

$.extend(obj1, obj2)