Destructación de objetos en JavaScript | Explicado

En JavaScript, destructación de objetos es una expresión de asignación que le permite acceder a un valor de propiedad de objeto y vincularlos a variables separadas. Esta funcionalidad fue incrustada en el JavaScript ES6 Versión, lo que facilita el extraer las propiedades múltiples de un objeto JavaScript con la ejecución de una sola línea.

Mientras destruye un objeto, el nombre de la propiedad del objeto se utiliza como un nombre de variable. Si el nombre especificado no coincide con la propiedad del objeto, entonces la operación de asignación de destrucción de objetos inicializará la variable con un "indefinido" valor. Sin embargo, puede especificar un "valor por defecto"Para una propiedad de objeto inexistente con asignación de destructación.

Esta publicación enseñará la destrucción de objetos y su uso en JavaScript. Entonces, comencemos!

Cómo usar la destrucción de objetos en JavaScript

Supongamos que tenemos un "empleadoObjeto en el entorno pre-ES6, con las siguientes dos propiedades "Nombre" y "Designación":

Var Empleado =
Nombre: 'Paul',
Designación: 'Gerente'
;

Ahora, para extraer las propiedades del "empleadoObjeto, agregaremos el siguiente código en el programa y lo ejecutaremos:

nombre var = empleado.nombre;
designación var = empleado.designación;
consola.Log ('Nombre del empleado:' + nombre);
consola.log ('Designación de empleados:' + designación);

Aquí, el valor del "empleado.nombre"La propiedad se asigna a la"nombre"Variable y el"empleado.designación"El valor de la propiedad se asigna a"designación":

Como puede ver, el procedimiento dado para acceder a la propiedad de un objeto y asignarlos a las necesidades variables especificadas "caladera"Código, donde se ejecuta una sección de código con el mismo patrón y alteración menor.

ES6 incrustó un procedimiento alternativo para la asignación de las propiedades de un objeto a las variables conocidas como "Destructación de objetos". La destrucción de objetos evita la duplicación de un nombre de propiedad, y permite extraer múltiples propiedades de un objeto JavaScript utilizando una sola declaración.

Cómo extraer una propiedad única de un objeto usando la destrucción de objetos en JavaScript

Aquí está la sintaxis básica de la destrucción de objetos que se puede utilizar para extraer una propiedad específica de un objeto JavaScript:

const propiedad = objeto;

Ahora, accederemos al "nombre"Propiedad de ya creado"empleado"Objeto destruyéndolo:

Sea nombre = empleado;
consola.Log ('Nombre del empleado:' + nombre);

La ejecución del código dado creará una variable llamada "nombre"Y asigne el valor del"empleado.nombre"Propiedad para ella:

Cómo extraer múltiples propiedades de un objeto utilizando la destrucción del objeto en JavaScript

Si quieres Extraer múltiples propiedades de un objeto con la ayuda de la destrucción de objetos, luego siga la sintaxis dada por debajo:

Let Property1, Property2 = Object;

Aquí, las variables creadas para el "Property1" y "Property2" tendrá los mismos nombres que se especificó "objeto"Las propiedades tienen; Por lo tanto, hace que el programa sea más conciso.

Por ejemplo, podemos destruir el "empleado"Objeto para acceder a su "Nombre" y "Designación" Propiedades de la siguiente manera:

Sea nombre, designación = empleado;

Luego, imprimiremos los valores extraídos de las propiedades especificadas en la consola:

consola.Log ('Nombre del empleado:' + nombre);
consola.log ('Designación de empleados:' + designación);

La salida dada significa que hemos recuperado con éxito el "Nombre" y "Designación" Propiedades del "empleado" objeto:

Cómo establecer el valor de la propiedad predeterminado para un objeto utilizando la destrucción del objeto en JavaScript

Si está intentando acceder a una propiedad que no se agrega en el objeto destrucido, entonces esa propiedad específica se inicializará con un "indefinido" valor.

Como nuestro creó "empleado"El objeto solo comprende Propiedades de "nombre" y "designación", y "edad" La propiedad no existe en ella, por lo que la asignación de destrucción de objetos dada asignará un valor "indefinido" a "edad" propiedad:

const edad = empleado;
consola.log (edad);

Sin embargo, la destrucción de objetos también le permite establecer un "Valor por defecto" para una propiedad que no se define en el objeto destructado. Para implicar esta funcionalidad, siga la sintaxis dada:

const Propiedad = defaultValue = objeto;

Asignaremos "25" Como un valor predeterminado del "edad" propiedad:

const edad = [25] = empleado;
consola.log (edad);

En lugar de "indefinido", Ahora el "consola.registro()El método se imprimirá "25" como la "edad" El valor de la propiedad:

Hemos compilado la información esencial relacionada con la destrucción de objetos en JavaScript. Puede explorarlo de acuerdo con sus requisitos.

Conclusión

Destructación de objetos en JavaScript es una característica útil que te permite extraer propiedades simples o múltiples de un objeto JavaScript y asigna sus valores respectivos a variables distintas. Evita la duplicación de un nombre de propiedad y permite extraer múltiples propiedades de un objeto JavaScript con una sola declaración. Esta publicación explicó la destrucción de objetos y su uso en JavaScript.