A partir de un query, donde hago uso de la función de postgres jsonb_agg()
obtengo la estructura de un arrego de objetos en forma de un string, uso una propiedad computada para disponer de su valor en forma de arreglo de objeto, dada las recomendaciones de MDN no deseo usar eval()
pero JSON.parce
me genera el error: "SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data".
La forma como empleo ambas funciones las detallo a continuación:
computed: {
areas: function(){
return JSON.parse(this.propertyInfo.func_appraisal_areas_json)
}
},
Usando JSON.parse()
obtengo el siguiente error:
[Vue warn]: Error in render: "SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data"
computed: {
areas: function(){
return eval(this.propertyInfo.func_appraisal_areas_json)
}
},
Usando eval()
si obtengo la estructura del arreglo de objetos correctamente, pero la idea de emplear una función que recomiendan no usar, a pesar de que funciona, no resulta de mi agrado.
He intentado también usar JSON.stringify()
para asegurar que el string disponga de la estructura correcta, pero el error obtenido es el mismo.
computed: {
areas: function(){
return JSON.parse(JSON.stringify(this.propertyInfo.func_appraisal_areas_json))
}
},
A modo de ejemplo, cuando por la consola de javascript reproduzco el contenido de this.propertyInfo.func_appraisal_areas_json
la forma del string es:
console.log(this.propertyInfo.func_appraisal_areas_json)
[{"name": "Parqueos", "area_id": 1, "dimension": 35}, {"name": "Sala de Juegos", "area_id": 5, "dimension": 50}]
console.log(typeof(this.propertyInfo.func_appraisal_areas_json))
string
jsonb_agg
devuelve un valorJSON binario, ese es el problema que veo yo. Intenta usarjson_agg
que si devuelve una cadena JSONlet tx = '[{"name": "Parqueos", "area_id": 1, "dimension": 35}, {"name": "Sala de Juegos", "area_id": 5, "dimension": 50}]'; let ob = JSON.parse(tx); console.log(ob);
, que funciona sin inconvenientes.