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

Top comments (2)

Collapse
 
acahuiche 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

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.