gpt4 book ai didi

javascript - 使用 ES6 嵌套在 Javascript 中时添加对象

转载 作者:行者123 更新时间:2023-11-28 14:15:17 25 4
gpt4 key购买 nike

我正在尝试添加一个对象,但它似乎是覆盖而不是添加。

我有一个初始对象:

const config = {
person: 'Bob',
employer: 'yahoo',
}

我正在其他地方创建一个新对象,如下所示:

const newConfig = {
...config,
customText: { [myVar]: messageText },
[myVar]: selectedItem,
};

myVar 可以是发送给 Bob 的消息注释

首先,您向 Bob 写入一条消息,因此 newConfig 如下所示:

const config = {
person: 'Bob',
employer: 'yahoo',
customText: { message: 'hi bob!' }
}

但后来我添加了一个注释,我希望结果是:

const config = {
person: 'Bob',
employer: 'yahoo',
customText: { message: 'hi bob!', note: 'please leave a message for Bob' }
}

相反,我的对象似乎被覆盖了。

const config = {
person: 'Bob',
employer: 'yahoo',
customText: { note: 'please leave a message for Bob' }
}

我尝试过使用 Object.assign,但最终遇到了类似的难题。

const customText = Object.assign({}, newConfig.customText, {[myVar]: messageText});

我还尝试过对对象分配进行一些操作:

const newConfig = {
...config,
customText[myVar]: messageText,
[myVar]: selectedItem,
};

但我收到解析错误:意外的标记,预期为“,”

如何添加对象而不覆盖它?

最佳答案

你也需要传播customText,否则它每次都会用新属性替换customText

const newConfig = {
...config,
customText: {...config.customText, [myVar]: messageText },
[myVar]: selectedItem,
};

关于javascript - 使用 ES6 嵌套在 Javascript 中时添加对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57760751/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com