Skip to main content
se añadieron 897 caracteres en el cuerpo
Origen Enlace
nestdan
  • 1.3k
  • 1
  • 8
  • 14

//Los primitivos son copiados en forma independiente
let a = 2;
let b = a;
b = a + 1;
console.log('a:', a, 'b:', b)
let c = false;
let d = c;
d = true;
console.log('c:', c, 'd:', d)

// No asi los no primitivos
let user = {
  id: 1,
  name: 'Jhon',
  position: 'Manager'
};

let admin = user; // asi copiamos la referencia
admin.name = 'Pete';
console.log('admin:', admin, 'user:', user)
console.log(admin === user)

Asi solo creamos una referencia adicional al mismo objeto object copy

//Los primitivos son copiados en forma independiente
let a = 2;
let b = a;
b = a + 1;
console.log('a:', a, 'b:', b)
let c = false;
let d = c;
d = true;
console.log('c:', c, 'd:', d)

// No asi los no primitivos
let user = {
  id: 1,
  name: 'Jhon',
  position: 'Manager'
};

let admin = user; // asi copiamos la referencia
admin.name = 'Pete';
console.log('admin:', admin, 'user:', user)
console.log(admin === user)

Asi solo creamos una referencia adicional al mismo objeto object copy

se añadieron 83 caracteres en el cuerpo
Origen Enlace
nestdan
  • 1.3k
  • 1
  • 8
  • 14
Esto si muta al array original al cambiar como vos decís la variable
employeeFinded!.name = 'Morgan'; 
Sea:
const employees = [
  {id: 1, name: 'Jhon', position: 'Manager'},
  {id: 2, name: 'Felix', position: 'Administrator'}
]
Si buscamos al objeto con id=1
let employeeFinded = employees.find( (employee) => employee.id == 1) 
y quisiéramos modificar su  name sin mutar al array original
let empleadoNuevo = Object.assign({}, employeeFinded, { name: 'nuevo' });
//asi  no mutamos a la variable name de valor Jhon del objeto con id=1
console.log(empleadoNuevo)
/*
{
    "id": 1,
    "name": "nuevo",
    "position": "Manager"
}
*/

También con el operador de propagación (spread operator) podemos obtener una copia independiente del objeto obtenido employeeFinded que pertenece al array de objetos employeesoperador de propagación

teoria:operador propagacion Clonamos Objetos mediante una copia superficial

const employees = [{
    id: 1,
    name: 'Jhon',
    position: 'Manager'
  },
  {
    id: 2,
    name: 'Felix',
    position: 'Administrator'
  }
]

// obtenemos el objeto que contiene al trabajador de id == 1
let employeeFinded = employees.find((employee) => employee.id == 1);
console.log('employeeFinded:', employeeFinded)
//creamos un nuevo Objeto con las mismas propiedades
// una copia independiente del original
let nuevoObjeto = { ...employeeFinded
};
// modificamos su nombre
nuevoObjeto.name = 'Pepe';
console.log('nuevoObjeto:', nuevoObjeto);
// el Array original no muto
console.log('employess:', employees)

Esto si muta al array original al cambiar como vos decís la variable
employeeFinded!.name = 'Morgan'; 
Sea:
const employees = [
  {id: 1, name: 'Jhon', position: 'Manager'},
  {id: 2, name: 'Felix', position: 'Administrator'}
]
Si buscamos al objeto con id=1
let employeeFinded = employees.find( (employee) => employee.id == 1) 
y quisiéramos modificar su  name sin mutar al array original
let empleadoNuevo = Object.assign({}, employeeFinded, { name: 'nuevo' });
//asi  no mutamos a la variable name de valor Jhon del objeto con id=1
console.log(empleadoNuevo)
/*
{
    "id": 1,
    "name": "nuevo",
    "position": "Manager"
}
*/

También con el operador de propagación (spread operator) podemos obtener una copia independiente del objeto obtenido employeeFinded que pertenece al array de objetos employeesoperador de propagación

const employees = [{
    id: 1,
    name: 'Jhon',
    position: 'Manager'
  },
  {
    id: 2,
    name: 'Felix',
    position: 'Administrator'
  }
]

// obtenemos el objeto que contiene al trabajador de id == 1
let employeeFinded = employees.find((employee) => employee.id == 1);
console.log('employeeFinded:', employeeFinded)
//creamos un nuevo Objeto con las mismas propiedades
// una copia independiente del original
let nuevoObjeto = { ...employeeFinded
};
// modificamos su nombre
nuevoObjeto.name = 'Pepe';
console.log('nuevoObjeto:', nuevoObjeto);
// el Array original no muto
console.log('employess:', employees)

Esto si muta al array original al cambiar como vos decís la variable
employeeFinded!.name = 'Morgan'; 
Sea:
const employees = [
  {id: 1, name: 'Jhon', position: 'Manager'},
  {id: 2, name: 'Felix', position: 'Administrator'}
]
Si buscamos al objeto con id=1
let employeeFinded = employees.find( (employee) => employee.id == 1) 
y quisiéramos modificar su  name sin mutar al array original
let empleadoNuevo = Object.assign({}, employeeFinded, { name: 'nuevo' });
//asi  no mutamos a la variable name de valor Jhon del objeto con id=1
console.log(empleadoNuevo)
/*
{
    "id": 1,
    "name": "nuevo",
    "position": "Manager"
}
*/

También con el operador de propagación (spread operator) podemos obtener una copia independiente del objeto obtenido employeeFinded que pertenece al array de objetos employees teoria:operador propagacion Clonamos Objetos mediante una copia superficial

const employees = [{
    id: 1,
    name: 'Jhon',
    position: 'Manager'
  },
  {
    id: 2,
    name: 'Felix',
    position: 'Administrator'
  }
]

// obtenemos el objeto que contiene al trabajador de id == 1
let employeeFinded = employees.find((employee) => employee.id == 1);
console.log('employeeFinded:', employeeFinded)
//creamos un nuevo Objeto con las mismas propiedades
// una copia independiente del original
let nuevoObjeto = { ...employeeFinded
};
// modificamos su nombre
nuevoObjeto.name = 'Pepe';
console.log('nuevoObjeto:', nuevoObjeto);
// el Array original no muto
console.log('employess:', employees)

se añadieron 1137 caracteres en el cuerpo
Origen Enlace
nestdan
  • 1.3k
  • 1
  • 8
  • 14
Esto si muta al array original al cambiar como vos decís la variable
employeeFinded!.name = 'Morgan'; 
Sea:
const employees = [
  {id: 1, name: 'Jhon', position: 'Manager'},
  {id: 2, name: 'Felix', position: 'Administrator'}
]
Si buscamos al objeto con id=1
let employeeFinded = employees.find( (employee) => employee.id == 1) 
y quisiéramos modificar su  name sin mutar al array original
let empleadoNuevo = Object.assign({}, employeeFinded, { name: 'nuevo' });
//asi  no mutamos a la variable name de valor Jhon del objeto con id=1
console.log(empleadoNuevo)
/*
{
    "id": 1,
    "name": "nuevo",
    "position": "Manager"
}
*/

También con el operador de propagación (spread operator) podemos obtener una copia independiente del objeto obtenido employeeFinded que pertenece al array de objetos employeesoperador de propagación

const employees = [{
    id: 1,
    name: 'Jhon',
    position: 'Manager'
  },
  {
    id: 2,
    name: 'Felix',
    position: 'Administrator'
  }
]

// obtenemos el objeto que contiene al trabajador de id == 1
let employeeFinded = employees.find((employee) => employee.id == 1);
console.log('employeeFinded:', employeeFinded)
//creamos un nuevo Objeto con las mismas propiedades
// una copia independiente del original
let nuevoObjeto = { ...employeeFinded
};
// modificamos su nombre
nuevoObjeto.name = 'Pepe';
console.log('nuevoObjeto:', nuevoObjeto);
// el Array original no muto
console.log('employess:', employees)

Esto si muta al array original al cambiar como vos decís la variable
employeeFinded!.name = 'Morgan'; 
Sea:
const employees = [
  {id: 1, name: 'Jhon', position: 'Manager'},
  {id: 2, name: 'Felix', position: 'Administrator'}
]
Si buscamos al objeto con id=1
let employeeFinded = employees.find( (employee) => employee.id == 1) 
y quisiéramos modificar su  name sin mutar al array original
let empleadoNuevo = Object.assign({}, employeeFinded, { name: 'nuevo' });
//asi  no mutamos a la variable name de valor Jhon del objeto con id=1
console.log(empleadoNuevo)
/*
{
    "id": 1,
    "name": "nuevo",
    "position": "Manager"
}
*/
Esto si muta al array original al cambiar como vos decís la variable
employeeFinded!.name = 'Morgan'; 
Sea:
const employees = [
  {id: 1, name: 'Jhon', position: 'Manager'},
  {id: 2, name: 'Felix', position: 'Administrator'}
]
Si buscamos al objeto con id=1
let employeeFinded = employees.find( (employee) => employee.id == 1) 
y quisiéramos modificar su  name sin mutar al array original
let empleadoNuevo = Object.assign({}, employeeFinded, { name: 'nuevo' });
//asi  no mutamos a la variable name de valor Jhon del objeto con id=1
console.log(empleadoNuevo)
/*
{
    "id": 1,
    "name": "nuevo",
    "position": "Manager"
}
*/

También con el operador de propagación (spread operator) podemos obtener una copia independiente del objeto obtenido employeeFinded que pertenece al array de objetos employeesoperador de propagación

const employees = [{
    id: 1,
    name: 'Jhon',
    position: 'Manager'
  },
  {
    id: 2,
    name: 'Felix',
    position: 'Administrator'
  }
]

// obtenemos el objeto que contiene al trabajador de id == 1
let employeeFinded = employees.find((employee) => employee.id == 1);
console.log('employeeFinded:', employeeFinded)
//creamos un nuevo Objeto con las mismas propiedades
// una copia independiente del original
let nuevoObjeto = { ...employeeFinded
};
// modificamos su nombre
nuevoObjeto.name = 'Pepe';
console.log('nuevoObjeto:', nuevoObjeto);
// el Array original no muto
console.log('employess:', employees)

Origen Enlace
nestdan
  • 1.3k
  • 1
  • 8
  • 14
Loading