Combine values from two different object keys into one object key value

user_11866885 0
Viewed 247

I have an array of objects coming from an api that looks like this

[{"HomeTeam": "HOU"}, {"AwayTeam": "GB"}, {"HomeTeam": "DAL"}, {"AwayTeam": "TB"}]

I'm using map to map over the objects and get the team names to put them into react table like this.

const results = data.map((teams) => ({
    "Teams": // I need both teams here
}))

How can I map over the array and get both HomeTeam and AwayTeam values into Teams values?

I need the final object to look like this

[{"Teams": "HOU"}, {"Teams": "GB"}, {"Teams": "DAL"}, {"Teams": "TB"}]
javascript
1 Answers

If the objects only have one key, this should be fine.

const data = [{"HomeTeam": "HOU"}, {"AwayTeam": "GB"}, {"HomeTeam": "DAL"}, {"AwayTeam": "TB"}];

const results = data.map(td => ({ Teams: Object.values(td)[0] }));

console.log(results);

user_49617450
Related