javascript - 如何简化变量代码？

Question

我有 6 个选项卡，每个选项卡都有一个对象。我正在从服务器接收数据并使用选项卡名称对其进行过滤。

     var a = {} // First Tab Object
    var b = {} // Second Tab Object
    var c = {} // Third Tab Object
    var d = {}// Fourth Tab Object
    var e = {};// Fifth Tab Object
    var f = {};// Sixth Tab Object

this.getService.getData().subscribe( res =>{
    let data = res.filter(data=>{
    return data.oType == this.tabclickedName
    }) 

    if (this.tabclickedName == 'One' ){
    this.a = data
    }
    else if (this.tabclickedName == 'Two' ){
    this.b = data 
    }
    else if (this.tabclickedName == 'Three' ){
    this.c = data 
    }
    else if (this.tabclickedName == 'Four' ){
    this.d = data 
    }
})

<强>1。//过滤来自单击选项卡的服务的数据

<强>2。//this.tabclickedName = 被点击的选项卡名称

问题 1:- 现在我必须编写这样的 if else 语句来为指定选项卡分配数据

如何使这段代码更加动态，这样我就不必编写这样的 if else 语句？

问题 2:- 在这种情况下如何避免使用过滤器并使用管道或任何其他 rxjs 运算符在服务调用中使用 rxjs 运算符解决问题？

使用的方法:-

let hashTab = {One :'a',two :'b',three:'c',four:'d',five:'e',six:'f'}
let dataTabName = this.hashTab[this.tabclickedName];

这种方法的问题:-dataTabName 是一个字符串，我想要用它来存储数据的变量

Answer 1

您可以通过使变量名称与选项卡名称相对应来放弃 if-else。

然后你可以写:

this[this.tabclickedName] = data;

然后完成。