pues tengo este programa en el que creo un JSON, lo parseo y una vez hecho eso mediante un bucle creo la lista en la que debe ir para que se muestre por pantalla. El problema es que no se si lo he creado bien y además a la hora de crearlo me da un fallo en el appendchild ya que debe esta guardado en un div que tiene un ul y dentro del ul una lista. Dicho todo esto aquí paso el código.
html:
<div>
<div id="json"></div>
<div>
javascript:
/*
Generar un JSON con la siguiente estructura:
{
{vehicle: coche, type: tierra},
{vehicle: tanque, type: tierra},
{vehicle: barco, type: mar},
{vehicle: avioneta, type: aire},
{vehicle: globo, type: aire},
{vehicle: moto, type: tierra}
}
Mostrar el JSON generado en la capa
*/
var json = {
vehiculos:[
{vehicle:" coche", type: "tierra"},
{vehicle: "tanque", type: "tierra"},
{vehicle: "barco", type: "mar"},
{vehicle: "avioneta", type: "aire"},
{vehicle: "globo", type: "aire"},
{vehicle: "moto", type: "tierra"}
]
}
var data = JSON.stringify(json);
console.log(data);
var div1 = document.getElementById('json');
for (let i = 0; i < data.vehiculos.length; i++) {
var ul = document.createElement('ul');
var li = document.createElement('li');
var txt = document.createTextNode(data[i].vehicle+':'+data[i].type);
console.log(data[i].vehicle)
ul.appendChild(li);
li.appendChild(txt);
div1.appendChild(ul);
}
json
es realmente un Objeto JavaScript. Al usar el métodostringify
lo conviertes en una cadena en formato JSON. Como podrás suponer, intentar acceder a la propiedadvehiculos
de una cadena es incorrecto. El paso de usarstringify
está demás. La confusión viene seguramente de pensar que JSON es lo mismo que Objeto, cuando no es así. JSON es un formato de texto, que al ser analizado (parse
) por Javascript, es convertido en un objeto de JavaScript. Prueba tu código sin usarstringify
. Saludos