Instituto Tecnológico de La Piedad

División de Estudios Profesionales

TECNOLOGICO NACIONAL DE MEXICO

INSTITUTO TECNOLOGICO DE LA PIEDAD

INGENIERIA EN SISTEMAS COMPUTACIONALES

PROGRAMACIÓN FRONT-END

INVESTIGACIÓN

Desestructuración de objetos, parámetros y arreglos

PRESENTADO POR:
MARCO ANTONIO GÓMEZ SOLORIO
N.C: 20640197

LA PIEDAD, MICHOACÁN 15 DE MARZO DEL 2024

Av. Tecnológico # 2000, Meseta de los Laureles, C.P. 59370,

La Piedad, Mich. Tels. 01 (352) 52 62294, 52 62369, 52 60680,
www.tecnm.mx | https://piedad.tecnm.mx
 Instituto Tecnológico de La Piedad
División de Estudios Profesionales

-Desestructuración

La desestructuración en JavaScript es una característica que permite extraer valores de

objetos y arreglos, asignándolos a variables de manera más compacta y legible. Esto es
especialmente útil cuando trabajas con estructuras de datos complejas como objetos con
muchas propiedades o arreglos con múltiples elementos.

Desestructuración de Objetos:

En la desestructuración de objetos, puedes extraer propiedades específicas de un objeto y

asignarlas a variables con el mismo nombre o a variables con nombres diferentes. Esto se
hace encerrando las variables entre llaves {} y asignando el objeto de donde se extraen las
propiedades.

const persona = {
nombre: 'Juan',
edad: 30,
ciudad: 'Madrid'
};

const { nombre, edad, ciudad } = persona;

console.log(nombre); // Juan
console.log(edad); // 30
console.log(ciudad); // Madrid

También es posible asignar nombres a las variables

const { nombre: n, edad: e, ciudad: c } = persona;

console.log(n); // Juan
console.log(e); // 30
console.log(c); // Madrid

Av. Tecnológico # 2000, Meseta de los Laureles, C.P. 59370,

La Piedad, Mich. Tels. 01 (352) 52 62294, 52 62369, 52 60680,
www.tecnm.mx | https://piedad.tecnm.mx
 Instituto Tecnológico de La Piedad
División de Estudios Profesionales

Desestructuración de Parámetros de Función:

La desestructuración de parámetros de función te permite extraer valores de un objeto

pasado como argumento a una función.

function imprimirInfo({ nombre, edad }) {

console.log(`Nombre: ${nombre}, Edad: ${edad}`);
}

const persona = {
nombre: 'María',
edad: 25
};

imprimirInfo(persona); // Nombre: María, Edad: 25

En este ejemplo, la función imprimirInfo toma un objeto como argumento y extrae las
propiedades nombre y edad para usarlas dentro de la función.

Desestructuración de Arreglos:

En la desestructuración de arreglos, puedes extraer elementos de un arreglo y asignarlos a

variables. Esto se hace encerrando las variables entre corchetes [] y asignando el arreglo
de donde se extraen los elementos.

const numeros = [1, 2, 3, 4, 5];

const [primerNumero, segundoNumero, ...resto] = numeros;

console.log(primerNumero); // 1
console.log(segundoNumero); // 2
console.log(resto); // [3, 4, 5]

Av. Tecnológico # 2000, Meseta de los Laureles, C.P. 59370,

La Piedad, Mich. Tels. 01 (352) 52 62294, 52 62369, 52 60680,
www.tecnm.mx | https://piedad.tecnm.mx
 Instituto Tecnológico de La Piedad
División de Estudios Profesionales

Tambien se puden ignorar elementos utilizando comas de la siguiente manera

const [,, tercero] = numeros;

console.log(tercero); // 3

Av. Tecnológico # 2000, Meseta de los Laureles, C.P. 59370,

La Piedad, Mich. Tels. 01 (352) 52 62294, 52 62369, 52 60680,
www.tecnm.mx | https://piedad.tecnm.mx