Recorrer cadena JSON

[pcarvajal]

Buenas,
Estoy tratando de recorrer una cadena JSON que proviene de un select a una tabla de sqlite3.

Solo necesito desplegar el campo "tile_data", pero de la forma en que lo estoy haciendo no me funciona

Este es mi codigo:

Código HTML:

<textarea id="res" rows="50" cols="200"></textarea>
 

Código Javascript:

loadBinaryFile('./database.sqlite', function(data){
        var db = new SQL.Database(data);
        var res = db.exec("SELECT  zoom_level,tile_column, tile_row,hex(tile_data) tile_data FROM tiles WHERE zoom_level=4 ORDER BY  zoom_level, tile_column, tile_row");
 
        var obj = JSON.stringify(res);
 
/* este es el formato del JSON
var obj = "[{
"columns":["zoom_level","tile_column","tile_row","tile_data"],
"values":[
 [4,4,4,"89504E470D0A1A0A0000000D49484452000001000000010008060000005C71"]
,[4,4,5,"89504E470D0A1A0A0000000D49484452000001000000010008060000005C72"]
,[4,4,6,"89504E470D0A1A0A0000000D49484452000001000000010008060000005C73"]
,[4,4,7,"89504E470D0A1A0A0000000D49484452000001000000010008060000005C74"]
,[4,5,4,"89504E470D0A1A0A0000000D49484452000001000000010008060000005C75"]
,[4,5,5,"89504E470D0A1A0A0000000D49484452000001000000010008060000005C76"]
,[4,5,6,"89504E470D0A1A0A0000000D49484452000001000000010008060000005C77"]
,[4,5,7,"89504E470D0A1A0A0000000D49484452000001000000010008060000005C78"]
}]"
*/
        document.getElementById("res").value = obj;
        
        for (var key in obj){
            if (obj.hasOwnProperty(key))
            {
                alert(key + " = " + obj[key]);
    
            }
        }
        
    });
 

Gracias de antemano!

[Alexis88]

Tienes un objeto dentro de un array, por eso lo que recorres es a dicho array y no al objeto que contiene. Dado a que, por lo que muestras, es el único elemento en el array, toma la primera posición del mismo y recórrelo:

Código Javascript:

for (var key in obj[0]){
    //...
}
 

Un saludo

[pcarvajal]

Modifique la linea de codigo asi:

Código Javascript:

for (var key in obj[0]){
            if (obj.hasOwnProperty(key))
            {
                alert(key + " = " + obj[key]);
    
            }
        }
 

Y me desplega un unico alert con el siguiente texto:

Código Javascript:

0 = [
 

[pcarvajal]

cabe mencionar que base mi codigo en el siguiente demo:
http://alasql.org/demo/016sqlite/

[Alexis88]

Si vas a tomar al primer elemento del array al inicio del bucle, por lógica, también tienes que hacerlo dentro de él.

[pcarvajal]

Sigue sin funcionar :S

Código Javascript:

for (var key in obj[0]){
            if (obj[0].hasOwnProperty(key))
            {
                alert(key + " => " + obj[0][key]);
    
            }
        }
 

[omarMusic]

var values = obj[0].values; // Necesitas acceder a los values del objeto respuesta

for (var key in values) {
alert(values[key][3]) // "tile_data" es la posición 3 en el array elemento del array values
}

Saludos!

[pcarvajal]

tampoco... ni siquiera muestra el alert! :(

Código Javascript:

var obj = JSON.stringify(res);
        var values = obj[0].values;
        for (var key in values) {
            alert(values[key][3]);
        }
 

[omarMusic]

1. Con var obj = JSON.stringify(res); estas convirtiendo el objeto json en cadena(JSON.stringify hace eso), así no puedes acceder a sus elementos json

2. Suponiendo que el json que te devuelve es válido entonces directamente tienes que acceder a "res"

var values = res[0].values;
for (var key in values) {
alert(values[key][3]);
}

3. En todo caso si conviertes "res" a cadena con JSON.stringify, asumiendo que "obj" ya es una cadena, puedes convertir esa cadena a json con:

var res = JSON.parse(obj);

Saludos!

[Alexis88]

¿Qué se muestra en la consola del navegador (pulsa F12) para las siguientes líneas?

Código Javascript:

console.log(typeof obj);
console.log(typeof obj[0]);
console.log(obj[0].values);
 

[IsaBelM]

Puede que sea porque lo estoy viendo en un móvil pero el array no está bien formado. Falta un corchete de cierre

Por otro lado, creo que debería de ser obj[0]['valores'][0][3]

[omarMusic]

Iniciado por IsaBelM

Puede que sea porque lo estoy viendo en un móvil pero el array no está bien formado. Falta un corchete de cierre

Por otro lado, creo que debería de ser obj[0]['valores'][0][3]

La verdad si le falta un corchete como indica, no lo habrá copiado bien supongo, aunque creo que lo puso como ejemplo para ver la estructura del json, que lo más probable es que ese método exec si devuelve un json válido y en realidad sería obj[0]['values'][key][3] según la estructura del json, y bueno cachear obj[0]['values'] en una variable es una buena práctica por tema de "rendimiento".

Saludos.

[IsaBelM]

bueno, es raro que el corchete que falte sea el de cierre de la matriz del segundo key, pero todo puede ser.

una matriz no puede ser accedida por un key. esta ha de ser accedida por un indice

Array.prototype.forEach.call(obj[0]['values'], function(v, i, a) {
console.log(a[i][3]);
});

[omarMusic]

En efecto, tal vez en vez de key le hubiese colocado index o i para evitar confusiones, asumiendo que obj es un json válido y no una cadena:

Código Javascript:

for (var i in obj[0].values) {
    console.log(obj[0].values[i][3]);
}
 

donde i es el índice del array

considero que ambas soluciones(la de IsaBelM) son válidas

Saludos!

[Alexis88]

Si el array obtenido es como el de la página que dejaste, no es necesario hacer el parseo. Tampoco veo necesario el uso del método .hasOwnProperty(), pues, no tiene sentido comprobar la existencia de cada propiedad del objeto en el mismo objeto, a menos de que estés buscando alguno en particular, pero no parece ser el caso.

Lo único que quedaría por hacer es, primero, ubicar al objeto dentro del array principal, luego, ubicar la propiedad "values" y, finalmente, recorrer el array de arrays que contiene, tomando al cuarto elemento de cada array hijo.

Código Javascript:

obj[0].values.forEach(function(array){
    console.log(array[3]);
});
 

DEMO

Un saludo