Объединение двух объектов javascript в один?

Я пытаюсь объединить следующие объекты в один, но не повезло до сих пор - структура выглядит следующим образом в моем 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(), но он просто удаляет исходные данные сообщений - какой лучший подход для этого?

Ответ 1

Здесь функция, которая немного более общая. Он распространяется через объект и объединяется в объявленную переменную.

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)

Ответ 2

Другой подход заключается в использовании синтаксиса распространения, который работает в браузерах, поддерживающих ES6 или ES2015.

const posts = {'2018-05-11' : {posts: 2}}
const notes = {'2018-05-11' : {notes: 1}}
        
let result = { ...posts['2018-05-11'] , ...notes['2018-05-11'] }
        
console.log(result)

Ответ 3

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

Ответ 4

вам нужно применить назначение к каждому элементу следующим образом:

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);

Ответ 5

Вы можете использовать метод merge из библиотеки Lodash.

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>

Ответ 6

Может помочь jQuery.extend(). Пытаться

$.extend(obj1, obj2)

Ответ 7

Вы можете сделать следующее с 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);