从下拉列表中的json数组中删除重复值？

Question

我正在尝试使用 ngFor 在下拉列表中显示数组中的数据。但是我得到了重复的值。如何删除它？

以下是全部数据： https://restcountries.eu/rest/v2/all

这是我试图循环的货币数组..

我正在尝试根据货币数组的名称字段显示唯一值。

这里是代码的 GitHub 链接：

https://github.com/saisreereddy/RestfulCountriesv3

逻辑在区域组件内部。

非常感谢任何形式的帮助。

Answer 1

如果您不习惯制作自定义管道，可以通过编程轻松完成，在您的货币数组上运行此函数：

filterData(yourCurrencyData: any[]): any[] {
  const filteredArray = [];
  for (const currency of yourCurrencyData) {
    if(!filteredArray.find(c => c.code === currency.code) {
      filteredArray.push(currency);
    }
  }
  return filteredArray;
}

这将返回您过滤后的数组。效率不是很高，而且地图的查找速度会更快，但由于货币数量很少，这不是问题，因为这非常易读，并且只有几百条记录的人类不会注意到差异。随意用数据类型替换任何。并记住 *ngFor 在新的过滤数组上。