TypeScript - Tipos de Datos - String - Numeros - Boolean - Array - Tuple - Any - Enum - Never - Void - Interfaces
Hola pequeños fanáticos del código! Hoy veremos los diferentes tipos de datos en TypeScript.
Las variables/propiedades tienen la palabra reservada var pero el tipo de dato que se va utilizar o estará asignando a la variable y se denota como por ejemplo nombreVariable: tipoDedato.
Ejemplo:
let isDone: boolean = false;
Ejemplo:
let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;
Ejemplo:
let color: string = "verde";
color = 'verde';
También se puede utilizar un template de String, es decir un texto con partes a sustituir, utilizando las comillas simples para el texto general, la forma en que debemos presentar la variable es ${variable}.
Ejemplo:
let arrayNumber: number[] = [1, 2, 3];
let arrayString: string[] = ['Peras', 'Naranjas', 'Manzanas'];
o
let arrayNumber: Array<number> = [1, 2, 3];
let arrayString: Array<string> = ['1', '2', '3'];
También se pueden mezclar tipos de datos pero lo veremos con any.
Ejemplo;
var any: any = "nada";
any = 27;
any = true;
Mas arriba dijimos que podíamos mezclar tipos de datos en un Array.
let arrayMezclar: any[] = [43,'33','Pepe', 'Manzanas', 32];
Ejemplo:
enum Perfiles = {Redes = 1; Desarrollo};
En el caso que desconozcamos el nombre de la propiedad pero si el valor podemos ir directamente atravez del mismo.
Ejemplo:
enum Perfiles = {Redes = 1; Desarrollo};
let usuario: Perfiles = string = Perfiles[1];
Las variables/propiedades tienen la palabra reservada var pero el tipo de dato que se va utilizar o estará asignando a la variable y se denota como por ejemplo nombreVariable: tipoDedato.
Nota:
Mas adelante hablaremos de la diferencia entre let y var.
Mas adelante hablaremos de la diferencia entre let y var.
TypeScript - Tipos de Datos
Estos son los tipos de datos.- Boolean
- Number
- String
- Array
- Tuple
- Any
- Enum
- Never
- Interfaces
TypeScript - Tipos de Datos - Boolean
El tipo mas básico de datos es el true/false, tanto JavaScript y TypeScript llama un valor boolean.Declaración:
let nombreVariable: boolean = valor;
let nombreVariable: boolean = valor;
Ejemplo:
let isDone: boolean = false;
TypeScript - Tipos de Datos - Number
Como en javascript, todos los number en TypeScript son numeros con valores de coma flotantes, también permite agregar los hexadecimales, decimales y soporta binarios y octales introducidos en ECMAScript 2015.Declaración:
let nombreVariable: number = valor;
let nombreVariable: number = valor;
Ejemplo:
let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;
TypeScript - Tipos de Datos - String
El tipo de dato String, es igual que Java, es decir se utiliza las comillas dobles pero tambien esta permitido utilizar las comillas simples.Declaración:
let nombreVariable: string = "";
let nombreVariable: string = "";
Ejemplo:
let color: string = "verde";
color = 'verde';
También se puede utilizar un template de String, es decir un texto con partes a sustituir, utilizando las comillas simples para el texto general, la forma en que debemos presentar la variable es ${variable}.
TypeScript - Tipos de Datos - Array
Los arreglos en TypeScript se pueden presentar de dos maneras:Declaración:
nombreVariable: tipoDato[] ò nombreVariable: Array<tipoDato>
nombreVariable: tipoDato[] ò nombreVariable: Array<tipoDato>
Ejemplo:
let arrayNumber: number[] = [1, 2, 3];
let arrayString: string[] = ['Peras', 'Naranjas', 'Manzanas'];
o
let arrayNumber: Array<number> = [1, 2, 3];
let arrayString: Array<string> = ['1', '2', '3'];
También se pueden mezclar tipos de datos pero lo veremos con any.
TypeScript - Tipos de Datos - Tuple
Cuando se conoce el orden de los elementos en el arreglo es posible combinarlo también pero necesitamos que el arreglo solo acepte su tipo de datos en el orden en que sean declarados, aqui intervienen las tuplas o tuple
Declaracion:
nombreVariable: [string, number];
Ejemplo:
array = ["Mascotas", 5 ];
Si intentamos pasarle a nuestro tupla valores en el orden incorrecto lanzara error.
TypeScript - Tipos de Datos - Void
Se utiliza el tipo de dato Void cuando una función no retorna nada.
Declaración:
function nombreFuncion(): void{};
Ejemplo:
function mensajeAlerta(): void {
alert("Cuidado Usuario");
}
TypeScript - Tipos de Datos - Any
Acepta cualquier cosa como su nombre lo indica.Declaración:
nombreVariable: any = valor;
nombreVariable: any = valor;
Ejemplo;
var any: any = "nada";
any = 27;
any = true;
Mas arriba dijimos que podíamos mezclar tipos de datos en un Array.
let arrayMezclar: any[] = [43,'33','Pepe', 'Manzanas', 32];
TypeScript - Tipos de Datos - Enum
Al igual que en Java se hacen presente los Enumerados o Enum, los Enumerados lo utilizaremos para estandarizar nuestros tipos de datos numéricos de una manera sencilla.
Declaración:
enum nombreVariable = {valor1, valor2};
Ejemplo:
enum Perfiles = { Redes, Desarrollo};
Si ejecutamos:
let usuario: Perfiles = Perfil.Redes;
Por defecto enum inicia el valor de sus propiedades en 0, Redes comienza en 0, pero si queremos puede comenzar con otro valor, de la misma manera puedo modificar las demas propiedades
Ejemplo:enum Perfiles = {Redes = 1; Desarrollo};
En el caso que desconozcamos el nombre de la propiedad pero si el valor podemos ir directamente atravez del mismo.
Ejemplo:
enum Perfiles = {Redes = 1; Desarrollo};
let usuario: Perfiles = string = Perfiles[1];
TypeScript - Tipos de Datos - Never
El tipo de dato never se usa para repsentar valores que nunca se supone que deberian ocurrir. Por ejemplo, asignar never, como el tipo de retorno de una funcion que nunca regresa. Esto puede suceder cuando una funcion siempre arroga un error o cuando esta atrapada en un ciclo infinito.
Ejemplo:
let a: never;
function loopinfnito(): never{
while (true){
}
Si intentamos inicializar un variable del tipo never lanzara error!
let a: never = false;
TypeScript - Tipos de Datos - Interfaces
En Typescript podemos declara estructuras, algo asi como las clases Abstractactas en java pero sin funciones.
Declaración:
interfase nombreInterfase{
nombreVariable1: tipovariable,
nombreVariable2: tipovariable
};
Ejemplo:
interfase Perro{
nombre: String,
edad: String
};
const mascota: Perro = {
name: "Big Ballon",
edad: "2"
}:
No hace falta que en el momento de su utilización llenemos todas las propiedad.
Bueno gente espero que este post sea útil y aguardo preguntas!
Bueno gente espero que este post sea útil y aguardo preguntas!
TypeScript - Tipos de Datos - String - Numeros - Boolean - Array - Tuple - Any - Enum - Never - Void - Interfaces
Reviewed by El lado oscuro de java
on
junio 29, 2018
Rating:
No hay comentarios: