遍历对象而不是列表

Question

所以我有这个原始代码，可以遍历项目列表，并希望将其更改为遍历包含项目的对象。

当前就是这样

        this.state = {
                contries: [
                    {id: 'AFG', name: 'Afghanistan'},
                    {id: 'ALA', name: 'Åland Islands'},
                    {id: 'ALB', name: 'Albania'}
                ]
        };

迭代就是这样

const { availablehubs } = this.state;
      let availablehubsList = availablehubs.length > 0
          && availablehubs.map((item, i) => {
              return (
                  <option key={i} value={item.id}>{item.name}</option>
              )
          }, this);

但是我想将国家/地区更改为这样

        this.state = {
                contries: {
                     'AFG': 'Afghanistan',
                     'ALA': 'Åland Islands',
                     'ALB': 'Albania'}
                
        };

有什么想法可以实现同一目标吗？