Post Top Ad

Your Ad Spot

domingo, 13 de septiembre de 2020

Clonación en objeto Javascript

Clonar un objeto significa asignar / copiar los valores de una variable (previamente declarada y asignada) a una nueva variable declarada (asignada ahora). Copiar objetos en JavaScript puede ser una parte complicada. Puede realizar una copia superficial o una copia profunda, mientras que la copia superficial es el comportamiento predeterminado en la mayoría de los casos.

Copia superficial

En una copia superficial, los valores se clonan y las referencias de los objetos se copian (no los objetos en sí), por lo que si edita una propiedad de objeto en el objeto original, también se modifica en el objeto copiado, ya que el objeto interno al que se hace referencia es el mismo.
  1) Object.assign ()
2) Uso de JSON Parse y JSON Stringify
Aquí estamos usando el valor de origen de la variable para clonarlo en una variable llamada como destino. Aquí JSON.stringify convertirá el objeto de origen en la cadena y luego JSON.parse lo utilizará para convertirlo en la variable de destino.

  3) Uso del operador de propagación de objetos
Esta característica se agrega en ES6 / ES2015 (ES significa  ECMAScript ) que proporciona una forma muy conveniente de realizar una clonación superficial, equivalente a lo que hace Object.assign ().

Copia profunda

Una copia profunda duplicará todos los objetos que encuentre. La copia y el objeto original no compartirán nada, por lo que será una copia del original.
  1) Usando iteración
Esta es una de las soluciones de trabajo para la clonación profunda, pero no la mejor, ya que tendrá que iterar todas y cada una de las veces que necesite clonar un objeto. Esta clonación se realiza mediante la iteración de la variable y esto funciona perfectamente con la copia profunda.
 

Eso es todo por hoy sobre cómo clonar en profundidad un objeto Javascript en JavaScript, si todavía tiene problemas, no dude en comentar a continuación

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas