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

Question

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"}]

I'm not exactly sure what your desired outcome is, but I feel that the reduce method would help you — A_A
– A_A, Commented Oct 24, 2020 at 18:59
That's a horrible api. Use data.flatMap(Object.entries) then work with the tuples — Bergi
– Bergi, Commented Oct 24, 2020 at 19:12
const results = data.map(team => ({ Teams: team.HomeTeam || team.AwayTeam })); — ibrahim mahrir
– ibrahim mahrir, Commented Oct 24, 2020 at 19:35
As Bergi said, this is a very bad API, the response should be at least like: { team: Name, type: HomeTeam/AwayTeam } or return a match object like so: { HomeTeam: Name, AwayTeam: Name } — ibrahim mahrir
– ibrahim mahrir, Commented Oct 24, 2020 at 19:44

ibrahim mahrir · Accepted Answer · 2020-10-24 19:53:40Z

3

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);

edited Oct 24, 2020 at 19:53

ibrahim mahrir

31.8k5 gold badges50 silver badges78 bronze badges

answered Oct 24, 2020 at 19:47

Emilio Grisolía

1,2031 gold badge10 silver badges16 bronze badges

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

2 Comments

ibrahim mahrir Over a year ago

...or use Object.values like so: { Teams: Object.values(td)[0] }.

Emilio Grisolía Over a year ago

Yes, that's cleaner. I'll edit with your suggestion.

Collectives™ on Stack Overflow

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

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related