1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Percorrer vetor de objetos JSON

Pessoal, sou meio leigo ainda com JS e to aprendendo a usar o JSON, preciso percorrer um vetor de objetos imprimindo-o em uma DIV.

Criei um form com uma caixa de texto e um botão, nessa caixa de texto eu vou colar o seguinte vetor de objetos:

{
    "carros" : [
        {"fabricante":"fiat","modelo":"palio","ano":"2013","combustivel":"gasolina"},
        {"fabricante":"volkswagen","modelo":"fusca","ano":"1986","combustivel":"gasolina"},
        {"fabricante":"gm","modelo":"prisma","ano":"2011","combustivel":"gasolina"},
        {"fabricante":"ferrari","modelo":"enzo","ano":"1998","combustivel":"gasolina"},
        {"fabricante":"gm","modelo":"cruze","ano":"2015","combustivel":"flex"},
        {"fabricante":"fiat","modelo":"500","ano":"1988","combustivel":"etanol"},
        {"fabricante":"ford","modelo":"focus","ano":"2013","combustivel":"flex"},
        {"fabricante":"ford","modelo":"ranger","ano":"2016","combustivel":"diesel"},
        {"fabricante":"fiat","modelo":"linea","ano":"2013","combustivel":"flex"},
        {"fabricante":"gm","modelo":"camaro","ano":"2013","combustivel":"gasolina"}
    ]
}

E a minha função pra ler este vetor é essa:

function grava() {
    var texto = document.getElementById("txt").value;
    obj = JSON.parse(texto);

    document.getElementById("lista").innerHTML = "FABRICANTE " + obj.carros[0].fabricante + " " + 
        "MODELO " + obj.carros[0].modelo + " " + 
        "ANO " + obj.carros[0].ano + " " + 
        "COMBUSTIVEL " + obj.carros[0].combustivel;

    /*
    lista = id da minha DIV
    txt = id do meu input text
    */
}

A minha questão é, como eu faço pra percorrer as posições deste vetor? quando eu uso o for, ele nem imprime nada, desse jeito ele imprime certo, mas só a posição '0'

O for que tentei usar:

for(int i = 0; i < carros.length; i++) {
    document.getElementById("lista").innerHTML = "FABRICANTE " + obj.carros[i].fabricante + " " + 
        "MODELO " + obj.carros[i].modelo + " " + 
        "ANO " + obj.carros[i].ano + " " + 
        "COMBUSTIVEL " + obj.carros[i].combustivel;
}

Não to conseguindo enxergar o erro, alguém pode me ajudar?

  • Atualizei minha resposta com um exemplo (EDIT 1).

    lucastody   05 de set de 2014
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

3 respostas

Não é a resposta que estava procurando? Procure outras perguntas com as tags javascript json ou faça a sua própria pergunta.