Angular 7中如何实现根据国家名称返回国家代码的函数？

我来帮你搞定这个getCode函数的实现！最直接且易维护的方式是创建一个国家名称与代码的映射对象，通过键值对快速查找匹配的代码，同时处理好大小写问题避免匹配失败。

步骤1：在组件类中定义国家映射 #

首先在你的Angular组件TS文件里，定义一个私有的常量映射，把需要支持的国家名称（统一转成小写，方便匹配）和对应的代码关联起来：

import { Component } from '@angular/core';

@Component({
  // 组件元数据（比如selector、templateUrl等）
})
export class YourComponent {
  // 国家名称（小写）到代码的映射，可根据需求扩展
  private countryMapping: { [key: string]: string } = {
    'india': 'IN',
    'egypt': 'EG',
    'unitedstates': 'US',
    // 示例：添加更多国家
    'canada': 'CA',
    'australia': 'AU',
    'germany': 'DE'
  };

  // 你的其他组件逻辑...
}

步骤2：实现getCode函数 #

接下来编写getCode方法，处理输入的国家名称，统一转成小写后从映射中查找对应的代码，同时处理空输入和无匹配的情况：

getCode(countryName: string): string {
  if (!countryName) return ''; // 处理空输入，避免报错

  // 转小写+去除可能的空格（适配类似"United States"带空格的输入）
  const processedName = countryName.toLowerCase().replace(/\s+/g, '');
  
  // 返回匹配的代码，无匹配则返回空字符串（也可自定义默认值）
  return this.countryMapping[processedName] || '';
}

步骤3：调用getCode函数 #

注意在你的原有逻辑中，调用组件内的方法需要加上this关键字，修正后的代码如下：

this.OriginCountry = this.partDetailsService.currentData.OriginCountry;
this.OriginCountry.forEach(e => {
  e.code = this.getCode(e.ZCO); // 必须加this，访问组件的getCode方法
});

额外优化建议 #

如果你的国家列表比较多，或者需要在多个组件中复用这个映射和函数，可以把它封装到一个独立的Angular服务中（比如CountryCodeService），这样更符合Angular的模块化思想，也方便统一维护国家列表。

内容的提问来源于stack exchange，提问作者ahmed barbary