Introducción

Este post será muy muy sencillo pero espero que a alguien más le sirva. Sucede que estoy trabajando con un proyecto utilizando VueJS, y por alguna razón tenía que “copiar” un objeto.

Es decir, necesitaba crear una nueva copia de un objeto, sin mantener las referencias del original. Si no sabes a lo que me refiero, pásate por este post.

Después de buscar, encontré algo de ES6 que permite hacer casi lo mismo. Extrañaba esta función, que en AngularJS se llama angular.copy.

Object.assign

Para eliminar todas las referencias y crear una copia “limpia” únicamente con los valores, podemos asignar a un objeto vacío el objeto origen. Es simple como se ve a continuación:

Si no queda claro, observemos este GIF.

Sin crear un nuevo objeto

Creando un nuevo objeto, cuyos cambios no afectan a otro

La desventaja de esto si es que se le puede llamar así, es que es una nueva función introducida por ES6 y por lo tanto no todos los navegadores lo soportan.


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 4,747 suscriptores


parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

0 Comentarios

Deja un comentario

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada.

A %d blogueros les gusta esto: