How to get country name from country code in javascript

Question

I am building a weather website, and I want to display the country name for the given location but my API request to openweathermap only returns country code. So is there a way to convert the country code to country name from javascript itself or I need to make one more API call to other url which will convert me the code to name.

Solution 1

You can use Intl.DisplayNames for this purpose, standard JS api, but not with full browser support yet (needs polyfills for Firefox & Safari as of January 2021).

Usage:

let regionNames = new Intl.DisplayNames(['en'], {type: 'region'});
regionNames.of('US');  // "United States"

Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames

Solution 2

I think there is nothing like that build into the Javascript standard library, but as always, there is an NPM library for it: https://www.npmjs.com/package/i18n-iso-countries

Solution 3

If you search the internet hard enough, you might find a GitHub project or other piece of code that does this. But honestly your best bet is just to find the list of abbreviations and country names and build your own object. It really shouldn't take more than a half hour, at most

var atoc = {};
atoc.us = "United States";
atoc.uk = "United Kingdom";
...

Comments

[Patrick]

Seems like Firefox added support as of FF86, but still no support for Safari. As of Apr 2021

[Gel]

how to reverse this ? "United States" to "US" ?

[fredrivett]

Now supported in the latest versions of all browsers except IE, 88% of users should have access to this globally: caniuse.com/?search=Intl.DisplayNames

[Ruben Verster]

youtu.be/Uo3cL4nrGOk?t=72

[vittorio]

As a rule of thumbs, I prefer avoid doing again something that others have done. Beside, filling the +195 countries without errors might take more than 30 minutes...