Aprende en Comunidad
Avalados por :
隆Acceso SAP S/4HANA desde $100!
Acceso a SAPC贸mo clonar un objeto en JavaScript: Soluciones y comparativa de rendimiento
- Creado 01/03/2024
- Modificado 01/03/2024
- 6 Vistas
0
Cargando...
One fine day, Everything was moving smoothly, until a basic assignment operation failed.
馃槓
I'm here trying to clone an object to another.
A basic operation where assigning value made me debug everything for hours.
both the variables reference the same object. Thus change in one is reflected to the other.
Later I found, As the value of a which was assigned to b. Any change in b is reflected to a at the same time.
How to solve this??
There can be multiple ways. I'm here listing three ordered by their performance.
1. Query.extend
or
In case of complex objects, deep = true decreases the performance.
2. Object.assign.
3. JSON.parse(JSON.stringify());
Comparing the performance :
this is not a big issue but for people who are new with JavaScript, this can be a pain.
I'm here trying to clone an object to another.
a = { "val": 10 }
{val: 10}
b = a
{val: 10}
b.val = 30
30
a -> {val: 30}
A basic operation where assigning value made me debug everything for hours.
both the variables reference the same object. Thus change in one is reflected to the other.
Later I found, As the value of a which was assigned to b. Any change in b is reflected to a at the same time.
How to solve this??
There can be multiple ways. I'm here listing three ordered by their performance.
1. Query.extend
using : jQuery.extend( [deep ], target, object1 [, objectN ])
or
jQuery.extend( target [, object1 ] [, objectN ])
In case of complex objects, deep = true decreases the performance.
var a = { "a": 10 };
var b = {};
jQuery.extend(true, b, a);
2. Object.assign.
var a = { "a": 10 };
var b = {};
Object.assign(b, a);
3. JSON.parse(JSON.stringify());
var a = { "a": 10 };
var b = {};
b = JSON.parse(JSON.stringify(a));
Comparing the performance :
this is not a big issue but for people who are new with JavaScript, this can be a pain.
Pedro Pascal
Se uni贸 el 07/03/2018
Facebook
Twitter
Pinterest
Telegram
Linkedin
Whatsapp
Sin respuestas
No hay respuestas para mostrar
Se el primero en responder
Alianzas / Partners:
contacto@primeconsultor.com
+1 (305) 285-8622
漏 2025 Todos los derechos reservados.
Desarrollado por Prime Consultor
Hola 驴Buscas Academias SAP?