Clonación superficial de objetos en JavaScript

Introducción

En este laboratorio, exploraremos el concepto de clonación superficial en JavaScript. La clonación superficial crea un nuevo objeto con todas las propiedades del objeto original, pero las propiedades en sí mismas no se clonan. En su lugar, se copian por referencia, lo que significa que cualquier cambio realizado en las propiedades del objeto original también se reflejará en el objeto clonado. A través de este laboratorio, entenderemos cómo crear clonaciones superficiales de objetos utilizando el método Object.assign() en JavaScript.

Este es un Guided Lab, que proporciona instrucciones paso a paso para ayudarte a aprender y practicar. Sigue las instrucciones cuidadosamente para completar cada paso y obtener experiencia práctica. Los datos históricos muestran que este es un laboratorio de nivel principiante con una tasa de finalización del 100%. Ha recibido una tasa de reseñas positivas del 100% por parte de los estudiantes.

Cómo crear un clon superficial de un objeto

Para crear un clon superficial de un objeto, utiliza Object.assign() y un objeto vacío ({}). Sigue estos pasos:

Abre la Terminal/SSH y escribe node para comenzar a practicar la codificación.
Utiliza el siguiente código para crear un clon superficial del objeto original:

const shallowClone = (obj) => Object.assign({}, obj);

Para clonar el objeto, utiliza la función shallowClone() de la siguiente manera:

const a = { x: true, y: 1 };
const b = shallowClone(a); // a!== b

En este ejemplo, a y b son dos objetos diferentes, pero tienen los mismos valores.

Resumen

¡Felicitaciones! Has completado el laboratorio de Clonación superficial de objetos. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.