Javascript destructuring - toviddfrei/javascript GitHub Wiki

Javascript destructuring

La sintaxis de desestructuración es una expresión de JavaScript que permite desempacar valores de arreglos o propiedades de objetos en distintas variables.

let a, b, rest;
[a, b] = [10, 20];

console.log(a);
// Expected output: 10

console.log(b);
// Expected output: 20

[a, b, ...rest] = [10, 20, 30, 40, 50];

console.log(rest);
// Expected output: Array [30, 40, 50]

Es un tema bastante extenso, por lo tanto, voy a realizar un resumen básico y dejar el enlace a una inmersión profunda si así se desea, en definitiva, y volviendo al ejemplo. Nos damos cuenta de que creamos tres variables, a, b y rest, asignamos una matriz de dos valores a las variables a y b que son 10 y 20, y obtenemos los valores ya desestructurados para cada variable, a vale 10 y b vale 20.

Pero podemos seguir desestructurando la matriz, asignando el resto a la variable rest tal cual vemos en el ejemplo.

Tal como he dicho esto es solo un modelo aclaratorio, que me puede valer en un momento preciso, si se quiere operar completamente con este método es bueno profundizar en el enlace.

Desestructuring javascript