在 Angular 中将项目推送到具有多个 if 情况的数组

Question

我是 TypeScript 的新手，正在从事 Angular 项目。我正在进行 API 调用并对接收到的数据进行一些操作：public data_Config: IConfig[] = [];this.getService.Data(input).subscribe(    data => {        this.data_Config = data;        this.data_Config.forEach(itm => {             if(itm.aFl == 'Y'){                itm.Levels.push('A')            }            if(itm.bFl == 'Y'){                itm.Levels.push('B')            }            if(itm.cFl == 'Y'){                itm.Levels.push('C')            }        });        this.dataSource_prgmConfiguration = new MatTableDataSource(this.data_prgmConfiguration);        this.dataSource_prgmConfiguration.paginator = this.paginatorPrgmConfiguration;        this.dataSource_prgmConfiguration.sort = this.sortPrgmConfiguration;});IConfig有几个属性，包括 10-12 标志属性，如aFl, bFl, cFl。在曾经为真的 Flag 属性中，我想将它们添加到数组中。我已经使用 if 条件以一种简单的方式完成了它，但是如果需要 11-12 个标志，那么有没有更好的方法来实现这个？添加 IConfigexport interface IConfig {    TypeNm: string;    aFl: string;    bFl: string;    cFl: string;    dFl: string;    eFl: string;    fFl: string;    gFl: string;    hFl: string;    PlaceHolder: string;    Association: string;    ActiveFl: string;    Actions: string;    AssociatedProgramsStr?: string;    Levels?: string[];}

Answer 1

根据需求有多种方式，

我假设IConfig接口只有aF1, bF1, cF1 ...布尔属性，那么你可以像下面这样，

解决方案：1

  this.data_Config.forEach(itm => { 

      Object.keys(itm).forEah(key=>{

          if(this.data_Config[key] === 'Y'){

                itm.Levels.push('whatever'); // I don't know exactly what 'A','B' n all represent           }

      })

       

   });

解决方案：2

假设IConfig接口是否有一些其他属性，例如height，width一些非布尔值，在这种情况下你可以执行以下操作，

const booleanProperties = ['aF1', 'bF1', 'cF1']; // define bool properties in array

this.data_Config.forEach(itm => { 

       Object.keys(itm).forEah(key=>{

           if(booleanProperties.includes(key) && this.data_Config[key] === 'Y'){

                 itm.Levels.push('whatever'); // I don't know exactly what 'A','B' n all represent           }

       })

           

});

Answer 2

你可以这样做：

Object.keys(this.dataConfig).filter(key => key.indexOf('Fl') != -1).forEach(flag => {

    if(this.dataConfig[flag] == 'Y')

        itm.Levels.push(this.dataConfig[glag].charAt(0).toUpperCase());

}

仅当所有标志都与 xFl 相同时，此代码才有效，其中 x 是某个字母，并且此标志引用需要推送到 Levels 数组的相同大写字母。一点解释：首先你从你的对象中提取作为标志的键，然后你迭代它们并检查你的条件。

Answer 3

在打字稿中，您可以创建ENUM这样的。

enum enumVal {

  aFl  = 'A',

  bFl  = 'B'

}

然后在迭代中检查值并添加到您想要的结果中。

result:any[] = [];

this.data_Config.forEach(key=>{

 if(this.data_Config[key] === 'Y'){

    result.push(enumVal[key]); 

 }

});