I need to pick up value from a returned API object, the hierarchy is like this
{"name":
{"common":"Germany",
"official":"Federal Republic of Germany",
"nativeName":
{"deu":
{"official":"Bundesrepublik Deutschland",
"common":"Deutschland"}}},
"currencies":
{"EUR":
{"name":"Euro",
"symbol":"€"}}I want to pick up "Deutschland", so I write like name.nativeName.deu.common , but the problem is by each different user input, the country name changes each time, and "deu" and "EUR" also will be different, in this example, is that a way that I can pick up the value "common" under "nativeName" and "name" under "currencies", without going through their parents "deu" and "EUR"?
It looks like the API may return a response with multiple keys on both nativeName and currencies, so here's an example that returns all values as array.
const apiResponse = {
"name": {
"common": "Germany",
"official": "Federal Republic of Germany",
"nativeName": {
"deu": {
"official": "Bundesrepublik Deutschland",
"common": "Deutschland"
}
}
},
"currencies": {
"EUR": {
"name": "Euro",
"symbol": "€"
}
}
}
const nativeNames = Object.keys(apiResponse.name.nativeName).map(key => {
return apiResponse.name.nativeName[key].common;
});
const currencies = Object.keys(apiResponse.currencies).map(key => {
return apiResponse.currencies[key].name;
});
console.log(nativeNames);
console.log(currencies);