Lo que pasa es que en Javascript (así como en muchos otros lenguajes alto nivel), el operador de asignación (=
) entre dos variable no asigna el valor de la variable derecha, si no su referencia a un espacio de memoria. Esto quiere decir que al cambiar cualquiera de las dos variables involucradas se cambiará el valor de ambas, debido a que ambas tienen como referencia la misma dirección de memoria.
Cada vez que defines a registro
reescribes su valor dentro del array y por fuera del array. Por eso mismo, solo permanece el último valor, debido a que ese fue el último cambio.
let arr = [{foo: 0,bar: 1},{foo: 2,bar: 3},{foo: 4,bar: 5}];
let copy = [];
let aux = {foo: 0,bar: 0};
for (let i = 0;i < arr.length;i++) {
aux.foo = arr[i].foo; /*Se reescribe foo de arr*/
aux.bar = arr[i].bar; /*Se reescribe bar de arr*/
copy.push(aux);
}
console.log(copy);
Tienes varias manera de evitar esto:
Si quieres tener una copia de los valores del array original puedes usar slice()
let arr = [{foo: 0,bar: 1},{foo: 2,bar: 3},{foo: 4,bar: 5}];
let copy = arr.slice(0,arr.length);
arr[0] = {foo: 6,bar: 7};
console.log(arr);
console.log(copy);
Sin embargo, los objetos del array van a seguir teniendo la referencia original. Si quieres hacer un deep copy puedes usar map()
.
let arr = [{foo: 0,bar: 1},{foo: 2,bar: 3},{foo: 4,bar: 5}];
let copy = arr.map((obj) => {
return {foo: obj.foo,bar: obj.bar};
});
arr[0].foo = 6;
arr[0].bar = 7;
console.log(arr);
console.log(copy);
Espero haberte ayudado.