La asignación de desestructuración es una característica introducida en EcmaScript2015 que le permite extraer el contenido de la array, las propiedades del objeto en distintas variables sin escribir código repetitivo.
Ejemplo 1: Aquí, en este ejemplo, declaramos dos variables a y b sin asignar y una array con dos strings «Primera» y «Segunda» en ella. En la línea 5 usamos la asignación de desestructuración para asignar valores de array a y b respectivamente.
Javascript
<script>
let a;
let b;
let array = ["First", "Second"];
[a, b] = array;
console.log("a:", a);
console.log("b:", b);
</script>
Producción:
a: First b: Second
Como puede ver, la variable a tiene asignada la string «Primero» y la variable b tiene asignada la string «Segundo».
Ejemplo 2: Aquí declaramos dos variables a y b con valores «Primero» y «Segundo» respectivamente. En la siguiente línea, intercambiamos variables usando la asignación de desestructuración.
Javascript
<script>
let a = "First";
let b = "Second";
[a, b] = [b, a];
console.log("a:", a);
console.log("b:", b);
</script>
Producción:
a: Second b: First