Aprende desestructuración en 5 minutos

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!