代码之家 › 专栏 › 技术社区 › Rasim AvcÄ±

使用spread操作符更新对象值

spread-syntax javascript

Rasim AvcÄ± · 技术社区 · 6 年前

我有一个向传入对象添加键的函数,但我被告知要使用扩展操作符,我被告知可以使用扩展操作符创建具有相同属性的新对象,然后在其上设置isAvailable。

  return new Partner(ServerConfig, capabilities, initialState)
}

class Partner {
  constructor (ServerConfig, capabilities, initialState) {
    initialState.isAvailable = true

所以我试过这样的方法,但如果能成功,你能帮我吗?困惑的是,我应该这样使用扩展运算符,从函数返回吗?

newObject = {}

// use this inside a function and get value from return

       return {
         value: {
           ...newObject,
           ...initialState
         }
       }

initialState.isAvailable = true

2 回复 | 直到 4 年前

136

T.J. Crowder 6 年前

属性已添加整齐 ,因此,如果要覆盖现有属性,则需要将其放在末尾而不是开头:

return {
  value: {
    ...initialState,
    ...newObject
  }
}

你不需要 newObject (除非你已经有了它),不过:

return {
  value: {
    ...initialState,
    isAvailable: newValue
  }
}

示例:

const o1 = {a: "original a", b: "original b"};
// Doesn't work:
const o2 = {a: "updated a", ...o1};
console.log(o2);
// Works:
const o3 = {...o1, a: "updated a"};
console.log(o3);

Brent Washburne Jaz13 4 年前

如果你知道物业的名称( a 在下面的例子中),那么@crowder的答案是完美的:

const o3 = {...o1, a: "updated a"};
console.log(o3);

如果属性名称位于变量中,则需要使用 Computed Property names 语法:

let variable = 'foo'
const o4 = {...o1, [variable]: "updated foo"};
console.log(o4);

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前