在前端开发中，常常需要用到国家列表，以方便用户选择。常见的需求场景包括：用户注册信息的填写、商品配送地址的选择等等。而在实现这些需求时，我们可以选择使用 npm 包 simple-country-list。
simple-country-list 是一个基于 JavaScript 的 npm 包，可以方便地获取国家的名称、简称、编号等信息。在本文中，我们将为大家详细介绍 simple-country-list 的使用方法，并提供示例代码以方便大家学习和参考。
安装 simple-country-list
要使用 simple-country-list，首先需要进行安装。在终端中输入以下命令：
npm install simple-country-list
这样就会自动安装 simple-country-list，并将其加入到当前项目中的依赖库中。
使用 simple-country-list
在安装好 npm 包 simple-country-list 后，我们就可以在项目中引入它，然后使用它提供的方法来获取国家信息了。
以下是使用示例：
-- -------------------- ---- ------- ----- ----------------- - ------------------------------- -- -------- --- --------- - --------------------------------- ----------------------- -- ------------------ --- ----- - ----------------------------------------- -------------------
运行上述代码后，我们可以看到控制台输出国家信息，具体如下：
[
{ name: 'Afghanistan', alpha2: 'AF', alpha3: 'AFG', numeric: '004' },
{ name: 'Albania', alpha2: 'AL', alpha3: 'ALB', numeric: '008' },
{ name: 'Algeria', alpha2: 'DZ', alpha3: 'DZA', numeric: '012' },
...
]
{ name: 'China', alpha2: 'CN', alpha3: 'CHN', numeric: '156' }simple-country-list 的方法
simple-country-list 中提供了以下方法，供我们使用：
getCountries()
getCountries 方法用于获取所有国家的信息，返回一个 JSON 格式的数组。每个国家信息包含以下属性：
- name：国家的全称
- alpha2：国家的两位字母简称
- alpha3：国家的三位字母简称
- numeric：国家的数字编码
以下是 getCountries 方法的使用示例：
let countries = simpleCountryList.getCountries(); console.log(countries);
getCountryByIso2(iso2)
getCountryByIso2 方法用于根据国家的两位字母简称获取具体国家的信息。方法的参数为一个字符串，表示国家的两位字母简称。返回值为 JSON 格式的对象，表示该国家的信息。
以下是 getCountryByIso2 方法的使用示例：
let china = simpleCountryList.getCountryByIso2('CN');
console.log(china);getCountryByIso3(iso3)
getCountryByIso3 方法用于根据国家的三位字母简称获取具体国家的信息。方法的参数为一个字符串，表示国家的三位字母简称。返回值为 JSON 格式的对象，表示该国家的信息。
以下是 getCountryByIso3 方法的使用示例：
let china = simpleCountryList.getCountryByIso3('CHN');
console.log(china);getCountryByNumeric(numeric)
getCountryByNumeric 方法用于根据国家的数字编码获取具体国家的信息。方法的参数为一个字符串，表示国家的数字编码。返回值为 JSON 格式的对象，表示该国家的信息。
以下是 getCountryByNumeric 方法的使用示例：
let china = simpleCountryList.getCountryByNumeric('156');
console.log(china);总结
simple-country-list 是一个十分有用的 npm 包，可以方便地获取国家信息。在本文中，我们详细介绍了 simple-country-list 的安装方法和使用方法，并提供了使用示例。通过学习本文，读者可以快速掌握 simple-country-list 的使用技巧，并在项目开发中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cb581e8991b448da29a