如何将 Javascript 中 object 的所有键设置为 newValue 而不会发生变异（Redux）？

Question

JavaScript 表格中的问题

我有一个像这样的 object：

const obj1 = {key1: value1, key2: value2, key3: value3, ...}

要更改key1的值（可以是任何键），这是我的方式：

const obj2 = {...obj1, key1: newValue}

我想将所有键设置为一些newValue ，如何在没有突变的情况下做到这一点？
想要 Output：

{key1: newValue, key2: newValue, key3: newValue, ...}

---

Redux 表格中的问题

我的state是这样的：

{
  key1: value1,
  key2: value2,
  key3: value3,
  // ...
}

要更改一个值，我在reducer中这样做：

return {
  ...state,
  [action.key]: action.value
}

但是，如果我通过我的action.value赋予一些价值，如何改变所有键的价值？ 我希望我的下一个 state 像这样：

{
  key1: newValue,
  key2: newValue,
  key3: newValue,
  // ...
}

Answer 1

您需要遍历键，并使用说reduce创建一个新的 object

 const obj = { key1: 1, key2: 2, key3: 3 } const value = 0; const updated = Object.keys(obj).reduce((acc, key) => (acc[key] = value, acc), {}) console.log(obj, updated)

只是为了好玩一些代理魔法（不要用于生产）

 const obj = { key1: 1, key2: 2, key3: 3 } const value = 0 const updated = {...new Proxy(obj, { keys() { return Object.keys(obj) }, get() { return value } }) } console.log(obj, updated)