Как в объект лучше всего добавить содержимое другого объекта (ES6)?

Question

[Тома]

let obj1 = { a : 1, b : 2};
let obj2 = { c : 3, a : 4};

какая-то магия и бац (порядок не важен)
obj1 = { a : 4, b : 2, c : 3};

мне на ум приходит только что-то такое:
obj1 = {...obj1, ...obj2};

какие ещё есть варианты?)
Может можно не пересоздавать объект obj1, а именно менять?

Answer 1

[Антон Спирин]

Порядок перепутали:

const obj1 = { a : 1, b : 2 };
const obj2 = { c : 3, a : 4 };

const result = { ...obj1, ...obj2 };

Можно использовать метод Object.assign:

const obj1 = { a : 1, b : 2 };
const obj2 = { c : 3, a : 4 };

const result = Object.assign({}, obj1, obj2);

Вариант с мутированием obj1:

let obj1 = { a : 1, b : 2 };
const obj2 = { c : 3, a : 4 };

obj1 = Object.assign(obj1, obj2);

Comments

[Тома]

Окей, спасибо) Только нужно изменять именно obj1

[Антон Спирин]

Тома, вот тут по подробней. Вам важно имя ссылки(obj1) или чтобы выполнялось условие:
<исходный_объект> === <результат>
?

[Тома]

Антон Спирин, важно имя ссылки (obj1)
а на счёт равенства по сути в моём случае не важно, но я хотела узнать нет ли способа сделать так чтобы в obj1 не присваивался новый объект а именно изменялся. ну и вообще интересно какие в принципе есть способы решения таких моментов)

[Антон Спирин]

Тома, мутирование:

let obj1 = { a : 1, b : 2};
const obj2 = { c : 3, a : 4};

obj1 = Object.assign(obj1, obj2);

[Тома]

Антон Спирин, я думала spread и Object.assign примерно одинаковы

[Владимир]

Тома, Если внимательно посмотреть на код
obj1 = {...obj1, ...obj2};
То видно, вы переменной obj1 присваиваете ссылку на новый объект {} в который разворачиваете свои объекты obj1 и obj2 по очереди. Никакой магии

[Тома]

Владимир, я понимаю что в моём решении нет магии. Я хочу посмотреть на другие решения отличные от моего. Поэтому и написала "какая-то магия " - то есть какое-то решение, отличное от моего. Вы совсем неправильно поняли вопрос. Извиняюсь, если сформулировала его на столько плохо. Своё решение я понимаю прекрасно, но хочу посмотреть на чужие решения и идеи.

[Владимир]

Тома, Это был комментарий не к вопросу, а к фразе

я думала spread и Object.assign примерно одинаковы

[Тома]

Владимир, но тогда ваш ответ не пояснил для меня то, чем отличаются spread и Object.assign. Расскажите пожалуйста поподробнее)

[Владимир]

Тома,
Они разные.
1) Object.assign копирует в целевой объект все собственные (не унаследованные) перечислимые свойства одного или более объектов
2) ... Распаковывает коллекцию в места, где нужны одно или несколько аргументов/совйств/переменных
С одной стороны у ... область применения на порядок шире, с другой стороны, конкретно для перепаковки объектов не возможно написать код, который мутирует существующий объект.

Ну а на ваш конкретный вопрос

Как в объект лучше всего добавить содержимое другого объекта (ES6)?

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

Answer 2

[Владимир]

Ваша постановка вопроса

Как в объект лучше всего добавить содержимое другого объекта (ES6)?

подразумевает изменение существующего объекта, а не комбинацию двух в третий, оператором ... это сделать невозможно, так что
Object.assign(obj1 , obj2);
В вашем коде вы в переменной obj1 получите новый объект, который комбинирует свойства первого и второго