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:

let mascota = {
	nombre: "Maggie",
	edad: 2
};

let mascotaNueva = Object.assign({}, mascota); 
// Ahora mascotaNueva es un nuevo y limpio objeto. Por lo que, si modificamos mascota, mascotaNueva quedará intacta

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.

Crear arreglo a partir de otro en Javascript

Introducción Hoy veremos cómo crear un arreglo a partir de otro en Javascript. Explicado con otras palabras, copiaremos, a un nuevo arreglo, otro arreglo. Es como copiar un arreglo, o crear uno a partir de otro. Con ES6 El nuevo estándar provee un nuevo método, aunque no es soportado por…

abril 12, 2018

En "Algoritmos"

Vue: eliminar referencias de arreglos

En posts anteriores mostré la manera de eliminar las referencias de arreglos en JavaScript usando slice o el operador de propagación. Sin embargo, con el framework Vue las cosas son un poco distintas debido a su reactividad. Hoy te mostraré cómo eliminar la referencia de un arreglo en Vue o,…

marzo 9, 2020

En "VueJS"

Funcionamiento de angular.copy

Introducción angular.copy es una función que trae el framework AngularJS. Funciona para, como su nombre lo indica, copiar variables. Cada que utilizamos angular.copy, ésta función devuelve una nueva copia exacta del objeto que le pasamos, pero sin mantener la referencia en el objeto original. Así, aunque esta nueva copia sufra…

enero 30, 2018

En "angularjs"