Creación de Objeto
const persona = {
nombre: 'Carlos',
edad:'27',
pais:'Mexico'
}
La diferencia vendrá a la hora que necesitamos llamar a las propiedades del objeto
const persona = {
nombre: 'Carlos',
edad:'27',
pais:'Mexico'
}
//Antes de Ecma
console.log(`${persona.nombre} de ${persona.pais}`)
Si durante nuestra aplicación ,tuviéramos que llamar a las propiedades de este objeto constantemente , necesitamos una opción limpia y rápida.
La desestructuración no es otra cosa que un método rápido de asignar valores en bloque.
//objeto
const persona = {
nombre: 'Carlos',
edad:'27',
pais:'Mexico'
}
const {nombre,edad,pais} = persona //desestructuracion
//Despues de Ecma
console.log(`${nombre} de ${pais}`)
Esta funcionalidad puede aplicarse tanto a arrays y a objetos.
otro uso más común de la desestructuración en JavaScript es cuando estamos programando en Node con paquetes y funciones externas.
Conclusión
La desestructuración es muy utilizada cuando acedemos mucho a las propiedades de una objeto o un array para tener un código mas limpio y legible.
Despedida
Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.
TE DEJAMOS UNA imagen que puedes guardar como apuntes de tu progreso
No hay comentarios:
Publicar un comentario