Cómo destruir objetos y matrices en JavaScript | Explicado con ejemplos

La versión ES6 vino con una ola de nuevas características, una de esas características era la capacidad de destruir objetos y matrices. La destrucción de matrices u objetos es el proceso de tomar valores de objetos o matrices y asignarlos a variables locales utilizando la sintaxis de destructación.

Destructación funciona asignando los valores de los elementos de la matriz/objeto a múltiples variables utilizando una sola línea de código, entonces puede acceder a esos valores utilizando esas nuevas variables. Recuerde, no existe un "símbolo" o "operador" de destrucción particular.

Sintaxis
La sintaxis de usar la asignación de destructación es bastante simple; para destruir el objeto en múltiples variables:

• Use los soportes rizados después de la definición de variable
• Poner las variables dentro de los soportes rizados
• luego establecerlo (declaración de variable completa) igual al objeto

Objetos:

const var1, var2 = objectName;

Del mismo modo, para destruir matrices a múltiples variables, use los soportes cuadrados [] en lugar de los soportes rizados.

Matrices:

const [variable1, variable2] = arrayname;

Nota: En el caso de los objetos destructores, el nombre de las variables debe ser el mismo que el nombre de las propiedades del objeto.

Destructores de matrices en JavaScript

Cree una matriz que contenga elementos aleatorios dentro de él para demostrar la destrucción de matrices en JavaScript usando el siguiente comando:

user = ["Alberto", "Rodrigo", 25, "masculino"];

Puedes ver, tenemos una matriz con los detalles de una persona. La solución tradicional de almacenar los valores de los elementos de esta matriz en variables locales sería:

const primsname = user [1];
constt LastName = user [2];
const age = usuario [3];
const género = usuario [4];

Este es un proceso largo y requiere más líneas de código.

Uso de las características de destructación El código anterior cambia a:

const [FirstName, LastName, Age, Gender] = User;

Solo con esa línea, hemos creado 4 variables y les hemos asignado los valores respectivos de la matriz.

Para verificar esto, puede imprimir el valor de cualquiera de estas variables con el siguiente código:

consola.log (primer nombre);
consola.log (género);

El fragmento de código completo sería:

array = ["Alberto", "Rodrigo", 25, "masculino"];
const [FirstName, LastName, Age, Gender] = Array;
consola.log (primer nombre);
consola.log (género);

Obtendrá la siguiente salida:

Puedes ver, las variables tenían sus valores de los elementos de la matriz.

Destructores de matrices anidadas

Destruir incluso trabaja con matrices anidadas. Por ejemplo, tome una matriz anidada que se pueda crear con las siguientes líneas de código:

user = ["Alberto", "Rodrigo", 25, "Hombre", ["Sr.John "," Samantha "]];

Puedes ver que el último elemento de la matriz es otra matriz que contiene los nombres del padre y la madre de la persona.

Podemos destruir esta matriz anidada utilizando el siguiente código:

const [FirstName, LastName, Age, Gender, [Fathername, MotherName]] = Array;

Puede verificar esta destrucción usando los siguientes comandos:

consola.log (primer nombre);
consola.log (género);
consola.log (nombre fathern);
consola.log (Mothername);

El fragmento de código completo es:

Array = ["Alberto", "Rodrigo", 25, "Hombre", ["Sr.John "," Samantha "]];
const [FirstName, LastName, Age, Gender, [Fathername, MotherName]] = Array;
consola.log (primer nombre);
consola.log (género);
consola.log (nombre fathern);
consola.log (Mothername);

Verá la siguiente salida en la pantalla cuando ejecute el programa.

Puede ver que pudo destruir con éxito la matriz y verificar el resultado en el final también.

Destructores de objetos en JavaScript

Supongamos que tenemos un objeto "persona":

Var Person =
primer nombre: "John",
Edad: 25,
LastName: "Doe",
Trabajo: "Auditor",
;

Y los pares de valor clave son las propiedades de esa persona: nombre, apellido, edad y trabajo.

Puede destruir este objeto usando la siguiente línea:

var FirstName, Age, LastName, Job = Person;

Nota: Cuando está destruyendo un objeto, el nombre de las variables debe coincidir con el nombre de las propiedades del objeto de otra manera, la destrucción no funcionará y el valor de la variable sería indefinido.

Puede verificar la destrucción imprimiendo los valores de estas variables en la consola utilizando las siguientes líneas de código.

consola.log (primer nombre);
consola.log (LastName);
consola.log (edad);
consola.registro (trabajo);

El fragmento de código completo es:

Var Person =
primer nombre: "John",
Edad: 25,
LastName: "Doe",
Trabajo: "Auditor",
;
var FirstName, Age, LastName, Job = Person;
consola.log (primer nombre);
consola.log (LastName);
consola.log (edad);
consola.registro (trabajo);

Cuando ejecute este programa, verá la siguiente salida:

Ha creado con éxito un objeto en JavaScript, y eso es todo para destruir objetos y matrices en JavaScript.

Conclusión

Las matrices y los objetos se pueden destruir utilizando la sintaxis de destructación en JavaScript, la destructación de matrices y objetos es una nueva característica que se introdujo en la versión de JavaScript ES6. La destrucción es el proceso de asignar los valores de los elementos/propiedades de matrices/objetos a variables locales utilizando una sola línea de código. En esta guía, aprendimos cómo podemos destruir matrices, matrices anidadas y objetos con la ayuda de ejemplos.