A la hora de desestructurar un array en TypeScript lo que vamos a conseguir es poder manipular sus elementos con variables realizando una conversión sencilla. Esto lo podremos hacer sin tener que crear variables intermedias a las que asignemos el valor.
Lo primero que tenemos que tener es un array. Recuerda que los arrays en TypeScript van tipados.
let ciudades:string[] = ['Ávila','Salamanca','Zamora','León','Valladolid'];
Vemos que hemos definido un array de cadenas. Ahora la idea es poder obtener acceso a los elementos del array y dejarlos en variables. Para ello utilizaremos el código de desestructuración de la siguiente manera:
let [variable1, variable2, ...resto] = array;
En nuestro caso si, por ejemplo, queremos acceder a los dos primeros elementos, codificaremos lo siguiente:
let [c1,c2] = ciudades;
Si volvamos el contenido de c1 y de c2 veremos que corresponde con las dos primeras ciudades.
console.log(c1); //Ávila
console.log(c2); //Salamanca
En este proceso de desestructurar un array en TypeScript también podemos manipular los elementos que queden como resto, siendo esto un nuevo array. Para ello deberemos de escribir lo siguiente:
let [c1,c2, ...resto] = ciudades;
Si comprobamos el contenido de la variable resto veremos que corresponde con un array.
console.log(resto); // ['Zamora','León','Valladolid']
Cómo se puede comprobar, desestructurar un array en TypeScript es un proceso muy sencillo y útil.
