Getting an array of specific key/value pairs from JSON file

Question

Beginner here - I'd like to create an array for my cities of the world type ahead project from a JSON file. I've fetched the data, now I would like to extract 2 key/value pairs (called name/country) and push them into a new string array that will have the syntax:

const arr = ["name, country", "name, country", "name, country"...]

Here is a sample of the data:

[]:
0: {country: "Andorra", geonameid: 3040051, name: "les Escaldes", subcountry: "Escaldes-Engordany"}
1: {country: "Andorra", geonameid: 3041563, name: "Andorra la Vella", subcountry: "Andorra la Vella"}
2: {country: "United Arab Emirates", geonameid: 290594, name: "Umm al Qaywayn", subcountry: "Umm al Qaywayn"}
3: {country: "United Arab Emirates", geonameid: 291074, name: "Ras al-Khaimah", subcountry: "Raʼs al Khaymah"}...

I know I have to use .push() and .forEach() or a for loop but I'm not sure how to go about it. Can anyone show me how?

data.forEach(i => arr.push(i.name + ", " + i.country)) should do it — marsnebulasoup
– marsnebulasoup, Commented Nov 30, 2020 at 14:54
@AbishekKumar you are still using map like forEach. That should be a forEach not map. — ibrahim mahrir
– ibrahim mahrir, Commented Nov 30, 2020 at 15:03

ibrahim mahrir · Accepted Answer · 2020-11-30 15:05:51Z

6

Use map like so:

const arr = data.map(city => city.name + ", " + city.country);

arr will be a new array of the same length as data where each city object in data is mapped to the string city.name + ", " + city.country.

Demo:

const data = [ {country: "Andorra", geonameid: 3040051, name: "les Escaldes", subcountry: "Escaldes-Engordany"}, {country: "Andorra", geonameid: 3041563, name: "Andorra la Vella", subcountry: "Andorra la Vella"}, {country: "United Arab Emirates", geonameid: 290594, name: "Umm al Qaywayn", subcountry: "Umm al Qaywayn"}, {country: "United Arab Emirates", geonameid: 291074, name: "Ras al-Khaimah", subcountry: "Raʼs al Khaymah"} ];

const arr = data.map(city => city.name + ", " + city.country);

console.log(arr);

edited Nov 30, 2020 at 15:05

answered Nov 30, 2020 at 15:00

ibrahim mahrir

31.8k5 gold badges50 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Abishek Kumar · Accepted Answer · 2020-11-30 15:00:11Z

3

const data = [{country: "Andorra", geonameid: 3040051, name: "les Escaldes", subcountry: "Escaldes-Engordany"},
{country: "Andorra", geonameid: 3041563, name: "Andorra la Vella", subcountry: "Andorra la Vella"},
{country: "United Arab Emirates", geonameid: 290594, name: "Umm al Qaywayn", subcountry: "Umm al Qaywayn"},
{country: "United Arab Emirates", geonameid: 291074, name: "Ras al-Khaimah", subcountry: "Raʼs al Khaymah"}]

const arr = data.map(i => `${i.name} , ${i.country}`);
console.log(arr)

answered Nov 30, 2020 at 15:00

Abishek Kumar

5395 silver badges15 bronze badges

Comments

Samathingamajig · Accepted Answer · 2020-11-30 17:25:35Z

2

Simple Solution with forEach

countries = [
  {country: "Andorra", geonameid: 3040051, name: "les Escaldes", subcountry: "Escaldes-Engordany"},
  {country: "Andorra", geonameid: 3041563, name: "Andorra la Vella", subcountry: "Andorra la Vella"},
  {country: "United Arab Emirates", geonameid: 290594, name: "Umm al Qaywayn", subcountry: "Umm al Qaywayn"},
  {country: "United Arab Emirates", geonameid: 291074, name: "Ras al-Khaimah", subcountry: "Raʼs al Khaymah"}
]

let arr = [];

let result = [];

countries.forEach((country, index) => {
    let nameStr = `${country.name}, ${country.country}`
    result.push(nameStr);
})

console.log(result)

//output
//["les Escaldes Andorra", "Andorra la Vella Andorra", "Umm al Qaywayn United Arab Emirates", "Ras al-Khaimah United Arab Emirates"]

edited Nov 30, 2020 at 17:25

Samathingamajig

13.5k3 gold badges19 silver badges46 bronze badges

answered Nov 30, 2020 at 15:49

Sudhir Taneja

211 silver badge1 bronze badge

Comments

vazsonyidl · Accepted Answer · 2020-11-30 15:15:20Z

1

You can use reduce function if you want to:

arr.reduce((acc, curr) => [...acc, (`${curr.name}, ${curr.country}`)], []);

It will return your values in your desired format.

Example below.

const arr = [
    {country: 'Andorra', geonameid: 3040051, name: 'les 1', subcountry: 'Escaldes-Engordany'},
    {country: 'Turkey', geonameid: 3040021, name: 'les Escaldes', subcountry: 'aaaa'},
    {country: 'IDK', geonameid: 3040021, name: 'Wow', subcountry: 'aaaa'}
];
const custom = arr.reduce((acc, curr) => [...acc, (`${curr.name}, ${curr.country}`)], []);
console.log(custom);

edited Nov 30, 2020 at 15:15

answered Nov 30, 2020 at 15:08

vazsonyidl

4814 silver badges7 bronze badges

Collectives™ on Stack Overflow

Getting an array of specific key/value pairs from JSON file

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related