代码之家 › 专栏 › 技术社区 › Tom

多个foreach循环可能存在性能问题

rxjs typescript angular

Tom · 技术社区 · 4 年前

我正在尝试从后端服务读取产品,并将其显示在 angular 前端。我已经声明了一组产品,其中包含翻译所需的密钥。我正在根据后端服务返回的代码进行匹配代码是有效的,但是我认为这不是一种有效的方法,因为我使用了两个for循环。有人能提出一个更好的方法吗

     products: Choice[];
  
   products1: Choice[] = [
          { label: 'common.base-metal', value: 'BASESPECIALITY' },
          { label: 'common.crop-nutrient', value: 'CROPNUTRIENT' },
          { label: 'common.iron-ore', value: 'IRONORE' },
          { label: 'common.metal-coal', value: 'METCOAL' },
          { label: 'common.precious-metals', value: 'PRECIOUS' },
          { label: 'common.shipping', value: 'SHIPPING' },
          { label: 'common.thermal-coal', value: 'THERMALCOAL' },
          { label: 'legal-forms.OTHER', value: 'other' }
  ];
    
    this.referenceStore
      .getReference('products')
      .pipe(
        first(),
        tap((products) => {
            products.forEach((pro) =>{
            this.products1.forEach((pro1) =>{
              if(pro.code === pro1.value){
                pro.name = pro1.label;
              }
            });
          });

          this.products = products.map((product) => ({ label: product.name, value: product.code }));;
          this.products.push({ label: 'Other', value: 'other' });
        })
      )
      .subscribe();

0 回复 | 直到 4 年前

abhishek sahu 4 年前

这是一个简单的代码,只需要一个循环,而不需要嵌套forEach循环。

let products1Map = {}
this.products1.forEach((pro1) => {
    products1Map[pro1.value] = pro1.name;
});

this.products = products.map((product) => ({
    label: products1Map[product.code] ? products1Map[product.code] : product.name,
    value: product.code
}));;
this.products.push({
label: 'Other',
value: 'other'
});
})

rfgsantos 4 年前

你考虑过使用地图吗?

https://howtodoinjava.com/typescript/maps/

products1: Map<string, string> = new Map([
        ['BASESPECIALITY', 'common.base-metal'].....
    ]);
    
    this.referenceStore
      .getReference('products')
      .pipe(
        first(),
        tap((products) => {
          this.products = products.map((product) => ({ label: products1.get(product.code), value: product.code }));
          this.products.push({ label: 'Other', value: 'other' });
        })
      )
      .subscribe();

推荐文章

Ole · 在使用新的Angular Resource API时取消搜索术语?

1 年前

koque · 为什么我的RxJs主题没有按预期工作?

1 年前

Raphaël VO · 不使用Observable的初始值

1 年前

xarielah · 从app.config.ts调用时,BehaviorSubject不会更新

2 年前

Lenni · 返回信号并在Angular中订阅它

2 年前

dman · 在Angular单元测试中似乎无法模拟行为主体

2 年前

Nevyan Dimitrov Neykov · 效果内部的角度信号()

2 年前

Ð¤ÐµÐ´Ñ Ð Ð°Ð²ÑÐµÐµÐ² · 如何在react-js中使用Date()在后台增加变量?

2 年前

Ryley38 · 如何跳过流的第一个值,除非它是RxJS的复制粘贴?

2 年前

techwestcoastsfosea · Angular 18-RxJS:Subscribe已弃用[重复]

2 年前