Si alguna vez has trabajado con Arrays y Objetos en Javascript es posible que hayas tenido que guardar parte de estos elementos en variables.
El proceso puede resultar un poco rollo si tenemos que ir elemento a elemento del array, objeto , función, etc. creando las variables correspondientes. Sin embargo, desde ES6 hay un nuevo concepto que nos permite hacer esto de una manera súper sencilla.
Se llama desestructuración, o destructuring y nos permite precisamente eso: descomponer un array u objeto en elementos independientes que podemos asignar a variables o constantes ¡en una única instrucción!
En el siguiente vídeo realizado en colaboración con Garage de Ideas te enseño en cinco minutitos qué es la desestructuración y los diferentes tipos:
Código fuente del ejemplo
En el siguiente código fuente puedes ver todo lo tratado en el vídeo:
const lenguajes = ["Javascript", "C++", "Ada", "Python"];
const [j, c] = lenguajes;
console.log(j);
console.log(c);
const[primero, ...rest] = lenguajes;
console.log(primero);
console.log(rest);
let d, s;
[d, s="Swift"] = ["Delphi", "Scala"];
console.log(d);
console.log(s);
const agencia = {
nombre: "Garage de ideas",
anio: 2015,
verdad: true
}
/*const {nombre, verdad} = agencia;
console.log(nombre);
//console.log(anio);
console.log(verdad);*/
/*const {nombre, ...rest2} = agencia;
console.log(nombre);
//console.log(anio);
console.log(rest2);*/
const {nombre: n, anio: a} = agencia;
console.log(n + " " + a);
Si quieres aprender algunas de las características más importantes de Javascript Moderno, ¡pásate por el curso de Didacticode!
