JSFiddle - React, Tailwind, and code Playground

JavaScript

var champions = [{
  "1":{
    "name":"Aatrox",
    "role1":"Top",
    "role2":"Jungle"
  },
  "2":{
    "name":"Ahri",
    "role1":"Middle"
  },
  "3":{
    "name":"Akali",
    "role1":"Middle",
    "role2":"Top"
   }
}];
$.each(champions[0], function(key, value) {
    console.log(value.name);
});