Desestructurar un Array en TypeScript

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.

Definir un array

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.

Sintaxis de desestructuración

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;

Desestructurar elementos del array

En nuestro caso si, por ejemplo, queremos acceder a los dos primeros elementos, codificaremos lo siguiente:

let [c1,c2] = ciudades;

Si volcamos el contenido de c1 y de c2 veremos que corresponde con las dos primeras ciudades.

console.log(c1);  //Ávila
console.log(c2); //Salamanca

Manipular elementos resto

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.