Exibir conteúdo de array com JavaScript
Veja uma forma simples de exibir conteúdo de array com JavaScript, muito simples e sem a necessidade de nenhuma API ou framework.
[ad#texto]
O JavaScript é uma linguagem cross-browser e que não apresenta algumas facilidades de linguagens server-side e uma dúvida constante é como exibir o conteúdo de array com JavaScript, se você ainda não precisou, acredite, ainda vai precisar.
Existem alguns alternativas mais “chatas”, uma delas é utilizar o PHP.js e com ele poder utilizar o print_r, assim como no PHP tradicional.
Porém existe uma forma ainda mais fácil, sem a necessidade de utilizar nenhuma API ou framework adicional, utilizando apenas JSON, veja o exemplo abaixo:
var meuArray = [{
data: new Date(2009, 10, 2),
valor: 5
}, {
data: new Date(2009, 10, 25),
valor: 30
}, {
data: new Date(2009, 10, 26),
valor: 72,
imagem: "images/redstar.png"
}];
alert(JSON.stringify(meuArray, null, 4));
No exemplo acima vamos exibir o conteúdo do array em um alert, mas para um array muito grande isso se torna inviável, então veja agora um exemplo com a saída utilizando InnerHTML:
var meuArray = [{
data: new Date(2009, 10, 2),
valor: 5
}, {
data: new Date(2009, 10, 25),
valor: 30
}, {
data: new Date(2009, 10, 26),
valor: 72,
imagem: "images/redstar.png"
}];
document.getElementById('printArray').innerHTML = JSON.stringify(meuArray, null, 4);
Forma simples de exibir conteúdo de array com JavaScript em tempo de execução, para facilitar a descoberto do que está ocorrendo dentro da sua aplicação.