如何在不改變對象的情況下更改對象的屬性？

Question

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

如何在不改變 a 的情況下將bx設置為"Bye" ？

Answer 1

兩種方式...

1. 您可以使用Object.assign ：

    const a = { x: "Hi", y: "Test" } const b = Object.assign({}, a, { x: "Bye" }); console.log(b);

2. 或者您可以使用對象擴展運算符。

   展開運算符允許您將一個對象的所有屬性“分配”給另一個對象。

   我們可以在這里使用一個對象常量內的所有屬性分配a給b ：

    const additions = { x: "Bye" } const a = { x: "Hi", y: "Test" } const b = { ...a, ...additions } console.log(b);

Answer 2

有一種簡單的方法可以在不改變原始對象的情況下更改對象屬性。

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

Answer 3

創建對象的副本並更改副本：

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

---

Object.assign()文檔

Answer 4

Es6 有一個用於復制對象屬性的內置函數， Object.assign

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

在這里我們創建一個空對象，將所有a s 鍵值對推入，然后是我們要覆蓋的新鍵值對。 因為空對象是第一個參數，所以我們改變了那個對象，而不是a

Answer 5

試試這個： const b = a.map(item => Object.assign({}, ...item)); 這將創建一個不引用舊對象a新對象

如果您想對數組執行此操作，請嘗試使用[]

const b = a.map(item => Object.assign([], ...item));