Как изменить свойство объекта без его изменения?

Question

const a = {x: "Hi", y: "Test"} 
const b = ??? 
// b = {x: "Bye", y: "Test"} 
// a = {x: "Hi", y: "Test"} 

Как установить x в «Bye» без мутации?

Answer 1

Альтернативой Object.assign является object spread operator:

const additions = { x: "Bye" } 

const a = { x: "Hi", y: "Test" } 
const b = { ...a, additions } 

Answer 2

Создать копию объекта и изменить копию:

const b = Object.assign({}, a, {x: "Bye"}) 

---

Docs for Object.assign()

Answer 3

ES6 имеет встроенную функцию для копирования свойств объекта, Object.assign

const b = Object.assign({}, a, {x: 'Bye'}) 

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