4

Hola buenas tengo un inconveniente tengo este array que me arroja como string

[{TCAD: "[{name:'RURAL',y:0.186838},{name:'URBANA',y:0.805798}]"}]

Obtuve el valor de TCAD con el metodo:

this.jsonmap[0].TCAD;

Como resultado me arroja el valor dentro de TCAD

[{name:'RURAL',y:0.186838},{name:'URBANA',y:0.805798}]

Quisiera convertir ese string en un Array

[
   {
      "name":"RURAL",
      "y":0.186838
   },
   {
      "name":"URBANA",
      "y":0.805798
   }
]

1 respuesta 1

4

Tienes varias opciones. La primera opción, fácil y directa dado que estás usando angular, es instalar la librería JSON5 que te permite hacerlo:

let string = "[{name:'RURAL',y:0.186838},{name:'URBANA',y:0.805798}]"

let obj = JSON5.parse(string)

console.log(obj)
<script src="https://unpkg.com/json5@^2.0.0/dist/index.min.js"></script>

La segunda opción, y algo relativamente más compleja, es parsearlo tu mismo. Puedes checar este post como referencia para ello y te adjunto un posible ejemplo que funciona con tu formato. La idea es modificar la cadena para adaptarla a un formato json que pueda decodificar JSON.parse(). La ventaja es obvia, no requiere de librerías externas.

Para tu caso particular, solo requieres agregarle comillas a las llaves y sustituir la comilla simple por la doble:

let string = "[{name:'RURAL',y:0.186838},{name:'URBANA',y:0.805798}]"
string = string.replace(/\w+(?=:)/g, (key) => {
    return '"' + key + '"';
})
string = string.replace(/'/g, '"')

console.log(JSON.parse(string));

La última, pero la más peligrosa por cuestiones de seguridad es usar eval. Checa las recomendaciones de MDN antes de usarla, aunque realmente la inseguridad depende de la fuente de donde te llegue el string. Considera las opciones anteriores antes de usar esta:

let string = "[{name:'RURAL',y:0.186838},{name:'URBANA',y:0.805798}]"
let obj = eval(string)
console.log(obj)

4
  • 2
    A que tener cuidado al usar eval() puedes revisarlo si te conviene usarlo aquí en developer.mozilla.org el 29 mar. 2022 a las 15:48
  • 1
    Justo por ello menciono lo de inseguro. Realmente depende de la fuente del string. Si es algo que estás creando tu al momento, no hay lío. Si viene de algo externo, o puede modificarse de manera externa, es un NO rotundo. el 29 mar. 2022 a las 15:53
  • @BladimirMedranoVargas en vez de eval que se puede utilizar si es Javascript o TypeScript ?
    – PieroDev
    el 29 mar. 2022 a las 15:53
  • 1
    @PieroDev de todas las opciones deja eval como última alternativa. Checa la que te agregué que no requiere librerías externas. el 29 mar. 2022 a las 16:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.