DEV Community

Cristian Fernando
Cristian Fernando

Posted on

Fundamentos de TypeScript | #3: Arreglos

Los arreglos en TypeScript son rid穩culamente sencillos de comprender, empecemos con la sintaxis:

Sintaxis

const nombreVariable:tipoDeDato[] = [];
Enter fullscreen mode Exit fullscreen mode

Arreglos en Javascript vs Arreglos de TypeScript

En javascript tranquilamente podemos tener un arreglo que contenga diferentes tipos de datos, por ejemplo:

const arr = [23, "Hola mundo", true, null];
Enter fullscreen mode Exit fullscreen mode

Este arreglo no da ning繳n tipo de advertencia o error.

Pero en TypeScript esto cambia, debemos especificar el tipo de datos que contendr獺 el arreglo, por ende podemos tener arreglos como los siguientes:

//arreglo de numeros
const numeros:number[] = [1,2,3,4,5];
//arreglo de strings
const nombres:string[] = ["Cris","Fernando","Pedro"];
//arreglo de booleans
const bool:boolean[] = [true, false];
Enter fullscreen mode Exit fullscreen mode

Estos arreglos son solo un tipo de dato. A簽adir, por ejemplo, un n繳mero a un arreglo de cadenas producir穩a un error.

Es posible tener arreglos de diferentes tipos de datos, pero para ello debemos comprender el operador de uni籀n primero. Esto lo veremos en posts posteriores.


Conclusiones

  • Los arreglos en TypeScript son super sencillos de comprender y escribir.
  • Sintaxis clara.
  • Solo permite arreglos de un tipo de dato, a menos que usemos uniones de tipos.

Referencias

Discussion (2)

Collapse
cahuichealberto profile image
Alberto Cahuiche

Hola una pregunta, se indica que solo puedes hacer arreglos con un tipo de dato (string, number, etc) 聶es posible crear un arreglo de tipo Any y asi guardar lo que sea?
Excelente serie, un saludo

Collapse
duxtech profile image
Cristian Fernando Author

Hola! Muy buena pregunta. Si, es posible y valido crear arreglos de tipo any, por ejemplo:

const varios:any[] = [1,"Hola mundo",true, [],{}]
Enter fullscreen mode Exit fullscreen mode

Pero la verdad no te recomiendo hacerlo de esta manera, en TypeScript es mejor usar any lo menos posible por que desaprovechamos bastante el potencial de TypeScript.
Me da gusto que estes aprendiendo con mi serie! Te mando un saludo.