I wrote this code to organize the teams that will face in the Cup:
<script>
var dados = {
"grupo1" : [
{"selecao" : [{"nome":"brasil"},{"resultado" : [{"a":0},{"a":4},{"a":2}]}]},
{"selecao" : [{"nome":"croacia"},{"resultado" : [{"a":0},{"a":4},{"a":2}]}]},
{"selecao" : [{"nome":"camaroes"},{"resultado" : [{"a":0},{"a":4},{"a":2}]}]},
{"selecao" : [{"nome":"mexico"},{"resultado" : [{"a":0},{"a":4},{"a":2}]}]}
],
};
var jsonData = eval(dados);
alert(jsonData.grupo1[0].selecao[0].nome);
document.write(jsonData.grupo1[0].selecao[0].nome+" x "+jsonData.grupo1[1].selecao[0].nome+"<br />");
document.write(jsonData.grupo1[3].selecao[0].nome+" x "+jsonData.grupo1[2].selecao[0].nome+"<br />");
document.write(jsonData.grupo1[0].selecao[0].nome+" x "+jsonData.grupo1[3].selecao[0].nome+"<br />");
document.write(jsonData.grupo1[2].selecao[0].nome+" x "+jsonData.grupo1[1].selecao[0].nome+"<br />");
document.write(jsonData.grupo1[1].selecao[0].nome+" x "+jsonData.grupo1[3].selecao[0].nome+"<br />");
document.write(jsonData.grupo1[2].selecao[0].nome+" x "+jsonData.grupo1[0].selecao[0].nome+"<br />");
However, since there are multiple groups, if you continue to organize them in this way will result in a very large code, would you like to know if there is a better way to do it?