Skip to main content
1 de 2

Error al emplear la función JSON.parce() de javascript

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