[ JS ] Как объединить объекты?

Использовать Object.assign()

Как-то так:

const obj = Object.assign({}, arr[0], arr[1]);

const obj = Object.assign({}, arr[0], arr[1]);

Извиняюсь, но я не правильно "озвучил" вопрос. Ваш метод не подойдет.

Исправил вопрос.

Тогда ответ тут https://stackoverflow.com/questions/27936772/how-to-deep-merge-instead-of-shallow-merge (проверил, решение работает)

Конкретно вот это:

/**
 * Simple object check.
 * @param item
 * @returns {boolean}
 */
export function isObject(item) {
  return (item && typeof item === 'object' && !Array.isArray(item));
}

/**
 * Deep merge two objects.
 * @param target
 * @param ...sources
 */
export function mergeDeep(target, ...sources) {
  if (!sources.length) return target;
  const source = sources.shift();

  if (isObject(target) && isObject(source)) {
    for (const key in source) {
      if (isObject(source[key])) {
        if (!target[key]) Object.assign(target, { [key]: {} });
        mergeDeep(target[key], source[key]);
      } else {
        Object.assign(target, { [key]: source[key] });
      }
    }
  }

  return mergeDeep(target, ...sources);
}