1

Tengo una función que hace console.log() de una variable global vue

Proxy {0: {…}}[[Handler]]: Object[[Target]]: Array(1)[[IsRevoked]]: false}

Yo me estoy deshaciendo de esto, para finalmente obtener un JSON de la siguiente forma:

variable = JSON.parse(JSON.stringify(variable))

Es esto valido/correcto?

4
  • Quieres clonar el objeto?
    – Yussef
    Commented el 6 sept. 2022 a las 17:30
  • No, quiero utilizar su contenido, el contenido del Proxy[0]
    – Lucas Bois
    Commented el 6 sept. 2022 a las 17:34
  • No entiendo tu problema. _JSON.parse(JSON.stringify(variable)) es un truco para clonar un objeto, pero tú dices que quieres ocupar "el contenido del Proxy[0]", y porque no lo ocupas y ya??? Luego lo valido/correcto es subjetivo, si un código hace lo que tiene que hacer, sin romper nada de otro lado, si es legible y tiene una performance aceptable, para mi es válido y correcto.
    – Yussef
    Commented el 6 sept. 2022 a las 20:59
  • Es que recuerdo verme forzado a usar el JSON.parse(JSON.stringify(variable)), sin eso no era posible acceder al contenido del proxy
    – Lucas Bois
    Commented el 7 sept. 2022 a las 11:40

1 respuesta 1

2
+50

La solución que propones es válida. Como puedes ver en la especificación de Proxy (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) no existe un método que te permita recuperar el objeto que está dentro del proxy, por lo que es necesario usar otras alternativas.

Aparte de convertir a JSON, aquí te dejo otras dos que podrían ser útiles para otros casos

// Alternativa 1: Pasar a JSON
variable = JSON.parse(JSON.stringify(variable))

// Alternativa 2: Crear una copia usando el operador spread
variable = { ...variable }

// Alternativa 3: Crear una copia usando Object.assign
variable = Object.assign({}, variable)

Algo importante a notar en todas las alternativas es que se esta creando una copia del objeto original, por lo que si tienes otros objetos que referencian al anterior y cambias su valor, ellos no verán el efecto.

Como dijeron en los comentarios, recomendaria revisar si es necesario crear esta copia para lo que estás desarrollando o si basta con acceder directo por el Proxy.

Tu Respuesta

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

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