javascript - Angular JS。在我只有国家 ID 的情况下在 UI 中显示国旗

Question

在我的 JSON 结构中有 countryIds 字段:

[
    {countryIds: [1, 35, 16]}
    {countryIds: [6, 21]}
]

在 UI 中，我想显示国旗而不是国家 ID。

因此，为此我想我可以创建服务，它将返回图标标志的 url:

getCountryFlagIconUrlById(countryId) {
  switch(countryId) {
    case 1: return "http://mySite:8080/resources/usa.png"
    .....
    case 200: return "http://mySite:8080/resources/russia.png"
  }

但问题是我需要为 200 多个国家/地区创建 switch-case 运算符。

有没有更优雅的方法呢？

Answer 1

只用一张 map

var countries = { 
   1: 'usa',
   ...,
   200: 'russia'
};

使用 getCountryFlagIconUrlById 如下:

function getCountryFlagIconUrlById(id) {
  return 'http://localhost:8080/resources/'+countries[id]+'.png';

}

目前的缺点是它不检查 id 是否存在，但这是一个简单的 if 语句。