Angular * ngFor与自定义索引数组

Question

在我的组件中 - ＆gt;

producPrice: number[];
producPrice=new Array<number>();
for (let i=0; i<products.length; i++){
   producPrice[products[i].id]=products[i].price;
}

如您所见，我将products[i].price插入自定义索引productPrice数组中。 在我的模板中，我必须像这样迭代productPrice

<div *ngFor="let price of productPrice;let i=index;">
   <div *ngIf="price">{{price}}
   </div>
</div>

它有效，但有时products.id超过10000，迭代这些索引需要花费大量时间。是否有更好的方法来迭代这些类型的数组？