JSFiddle - React, Tailwind, and code Playground

JavaScript

let epl = [{
points: 30,
position: 1,
result: "Champions League",
status: "Promotion",
team_id: 2524
},
{
points: 30,
position: 1,
result: "Champions League",
status: "Promotion",
team_id: 2537
}];

let teamNames = [ 
  { id: 2522, name: 'Arsenal' },
  { id: 2520, name: 'Aston Villa' },
  { id: 2513, name: 'Burnley' },
  { id: 2518, name: 'Brighton' },
  { id: 2537, name: 'Brentford' },
  { id: 2524, name: 'Chelsea' },
  { id: 2515, name: 'Crystal Palace' },
  { id: 2516, name: 'Everton' },
  { id: 2546, name: 'Leeds Utd' },
  { id: 12424, name: 'Leicester City' },
  { id: 2509, name: 'Liverpool' },
  { id: 12400, name: 'Manchtester City' },
  { id: 2523, name: 'Manchester Utd' },
  { id: 849, name: 'Newcastle Utd' },
  { id: 2510, name: 'Norwich City' },
  { id: 12423, name: 'Southampton' },
  { id: 12295, name: 'Tottenham' },
  { id: 2517, name: 'Watford' },
  { id: 12401, name: 'West Ham' },
  { id: 850, name: 'Wolverhampton' }
];


console.log(epl.reduce(function(a, c) {
  a.push({...c, name: teamNames.find(e => (e.id === c.team_id)).name});
  return a;
}, []));