Arrays en Typescript

03/Sep/2017 Typescript Deja un comentario
Programación TypeScript

Como en cualquier otro lenguaje podemos definir variables que almacenen elementos mediante Arrays en TypeScript. Al ser TypeScript un lenguaje tipado veremos que hay que prestar especial atención en la definición del array.

Vamos a aprender a manejar los Arrays en TypeScript y hacer tres cosas:

  • Definir un Array
  • Acceder a un elemento del Array
  • Modificar el contenido de un Array

Definir un Array

Para definir un Array en TypeScript podemos hacerlo de dos formas. La primera es indicando el tipo de los elementos del array y añadiendo el operador [].

  1. let miarray: tipodato[];

Por ejemplo podríamos definir un array de números de la siguiente forma:

  1. let miarray: number[] = [1,2,3,4,5];

Otra forma de definir el Array es mediante la clase Array. Para ello deberá de seguir la siguiente estructura:

  1. let miarray:Array<tipodato>;

Vemos que dentro del operador <> se indica el tipo de dato que vamos a utilizar. En este caso, para definir un array de números sería:

  1. let otroarray: Array<number> = [1,2,3,4,5];

Acceder a un elemento del Array

Una vez que hemos definido un Array en TypeScript vamos a ver cómo acceder a sus elementos. Para ello utilizamos el operador []. Dentro del cual indicaremos la posición del array a la que queremos acceder.

  1. array[posicion];

Hay que tener en cuenta que la primera posición es la que equivale al índice o posición 0.

Para mostrar en la consola el contenido de un elemento del array escribiremos:

  1. console.log(miarray[2]);

Modificar el contenido de un Array

Para modificar el contenido de un Array en TypeScript vamos a utilizar el mismo operador que para acceder al contenido, el operador []. La diferencia es que asignaremos con el operador = el valor al elemento del array.

  1. array[posicion] = valor;

Así que para modificar uno de los números del array utilizamos el siguiente código:

  1. miarray[2] = 8;

Vídeos sobre TypeScript


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*