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.

Exibir conteúdo de array com JavaScript
Exibir conteúdo de array com JavaScript

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.

Petter Rafael

Desenvolvedor Web atua com as tecnologias Java e PHP apoiadas pelos bancos de dados Oracle e MySQL. Além dos ambientes de desenvolvimento acima possuiu amplo conhecimento em servidores Apache/Tomcat, Photoshop, Arte & Foto, Flash e mais uma dezena de ferramentas e tecnologias emergentes. Atualmente colabora com o Viablog escrevendo sobre programação e tecnologia.