Как объединить несколько объектов в один?

Question

[t256e]

подскажите пожалуйста, как такие объекты в один?

var arrayObj = [
  {
    animals: {
      cat: {
        voice: 'meow',
        other: {
          name: 'Tom'
        }
      },
      dog: {
        voice: 'gav'
      }
    }
  },
  {
    animals: {
      cat: {
        tail: true
      },
      dog: {
        eyes: 'two'
      }
    }
  }
]

чтобы по итогу получилось так

var result = {
    animals: {
      cat: {
        voice: 'meow',
        other: {
          name: 'Tom',
        },
        tail: true,
      },
      dog: {
        voice: 'gav',
        eyes: 'two',
      }
    }
}

ссылка на код https://codepen.io/User2598/pen/WNyvEQQ?editors=0012

Answer 1

[0xD34F]

const merge = (target, ...sources) =>
  sources.reduce((acc, n) => (
    Object.entries(n).forEach(([ k, v ]) =>
      acc[k] = v instanceof Object
        ? merge(acc[k] instanceof Object ? acc[k] : {}, v)
        : v
    ),
    acc
  ), target);


const result = merge({}, ...arrayObj);

Comments

[t256e]

Спасибо, это помогло для данной задаче, но из-за спред оператора функции будут теряться =(
Не знаете как это можно решить?
https://codepen.io/User2598/pen/WNyvEQQ?editors=0012

[0xD34F]

А сразу полностью задать вопрос - нет, не ваш путь? Предлагаю теперь немного подумать самостоятельно. Ну или новый вопрос оформить, но тоже предварительно подумав - а ну как чего ещё забыли.

UPD. Ну что, никак? Окей, держите:

const merge = (target, ...sources) =>
  sources.reduce((acc, n) => (
    Object.entries(n).forEach(([ k, v ]) =>
      acc[k] = (v instanceof Object && !(v instanceof Function))
        ? merge(
            acc[k] instanceof Object
              ? acc[k]
              : Array.isArray(v) ? [] : {}, 
            v
          )
        : v
    ),
    acc
  ), target);

[t256e]

0xD34F, согласен, сглупил здесь. Попробую разобраться, если не получится, то последую вашему совету и создам новый "правильный" вопрос

Answer 2

[coderisimo]

Можно написать свою реализацию, а можно пойти путем для ленивых )))

ссылька

Comments

[t256e]

как раз-таки да, как же это можно сделать, но без лодаш-а ?))

[coderisimo]

(***) итерировать свойства объекта. Если свойство простое - копируем в результирующий, если свойство само является объектом снова делаем (***).

Answer 3

[VoidVolker]

https://developer.mozilla.org/en-US/docs/Web/JavaS...

Comments

[t256e]

перезапишет последнее значение https://codepen.io/User2598/pen/WNyvEQQ?editors=0012
или я как--то не так делаю?