首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >将字符串作为函数参数传递,并将其用作object.assign中的动态密钥名

将字符串作为函数参数传递,并将其用作object.assign中的动态密钥名
EN

Stack Overflow用户
提问于 2018-04-10 11:31:54
回答 1查看 76关注 0票数 1

我在服务中有一个方法(我的应用程序是一个用TypeScript编写的角5应用程序),它接受两个参数,一个是事件对象,另一个是字符串,它是我在浏览器的web存储中存储的对象的键。

该方法将一个新对象分配给浏览器的web存储,并将其与第二个对象相结合,下面是我的代码

代码语言:javascript
代码运行次数:0
运行
复制
setPaginationObject(event: any, list: string) {
    let sitePagination = JSON.parse(sessionStorage.getItem('sitePagination')) || {};
    sitePagination = Object.assign(sitePagination, {list: event});
    sessionStorage.setItem('sitePagination', JSON.stringify(sitePagination));
}

下面是我如何调用一个组件:

代码语言:javascript
代码运行次数:0
运行
复制
public onPaginateChange(event: any): void {
    this.paginationService.setPaginationObject(event, 'usersList');
}

我的问题是,我需要将参数分配给Object.assign代码中使用的动态属性,因为当前声明使用的是标签"list“,而不是作为参数传递的字符串。如何在我的方法中传递一个参数并动态地使用它作为一个键名/标记Object.assign第二个参数?

我想我可以做这样的事:

代码语言:javascript
代码运行次数:0
运行
复制
sitePagination = Object.assign(sitePagination, {`${list}`: event});

但这不起作用,或者我可以将参数签名更改为类似的内容,这样对象就可以在组件中格式化,而不是在服务中格式化。

代码语言:javascript
代码运行次数:0
运行
复制
this.paginationService.setPaginationObject({'usersList': event});

在服役中

代码语言:javascript
代码运行次数:0
运行
复制
setPaginationObject(obj: any) {
    let sitePagination = JSON.parse(sessionStorage.getItem('sitePagination')) || {};
    sitePagination = Object.assign(sitePagination, obj);
    sessionStorage.setItem('sitePagination', JSON.stringify(sitePagination));
}

上面的内容似乎不错,但我现在只想知道如何在Object.assign代码中动态设置密钥名。

事先谢谢,如果我的措辞不好,对不起,如果是的话,我要返工。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-04-10 11:35:59

可以在对象文本中使用计算属性:

代码语言:javascript
代码运行次数:0
运行
复制
let list: string = 'userList'
let obj = {[list]: 'Value'}; // will be { 'userList': 'Value'} at runtime
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49752548

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档