Cómo Saber Si Una Variable Esta Vacía en TypeScript

2 minuto(s)

En esta página:

TypeScript es un genial lenguaje de programación que permite trabajar con datos dinámicamente.

Es muy usado en la librería React, el framework Angular y otras herramientas más.

En este tutorial aprenderás a Cómo Saber Si Una Variable Esta Vacía en TypeScript, vamos con ello.

Aplicación creada con el lenguaje de programación TypeScript — TypeScript es usado en aplicaciones web reactivas

Vamos a trabajar con 2 tipos de datos muy usados en programación, es decir el tipo string y el tipo número.

Cómo Saber Si Una Variable de Tipo String Esta Vacía en TypeScript

Por ejemplo tenemos la siguiente variable llamada fruta con un valor determinado:

Si queremos saber si la variable fruta esta vacía, hacemos uso del método estático Object.keys().

Y luego le pasamos la propiedad length:


let fruta = "Manzana";
console.log(Object.keys(fruta).length === 0)

// Obtenemos
false

let fruta = "Manzana";

console.log(Object.keys(fruta).length === 0)

// Obtenemos

false

En el código anterior obtenemos el booleano false porque la variable fruta no está vacía.

Y si por el contrario nuestra variable fruta sí esta vacía:


let fruta = "";
console.log(Object.keys(fruta).length === 0) 

# Obtenemos 
true

let fruta = "";

console.log(Object.keys(fruta).length === 0)

# Obtenemos

true

Entonces obtenemos el booleano true porque la variable fruta si está vacía.

Sabías que WhatsApp Web esta creado sobre la librería React, la cual usa TypeScript.

Cómo Saber Si Una Variable de Tipo Número Esta Vacía en TypeScript

Para saber si una variable de tipo número esta vacía en TypeScript, primero verificamos si la variable tiene un valor de tipo número o number.

Luego comprobamos que la variable sea mayor o igual a 0:


let edad = 25;

if (typeof edad === 'number' && edad >= 0) {
    
    console.log("La variable No esta vacía");

} else {
    console.log("La variable Si esta vacía");
} 

# Obtenemos
La variable No esta vacía

let edad = 25;

if (typeof edad === 'number' && edad >= 0) {

console.log("La variable No esta vacía");

} else {

console.log("La variable Si esta vacía");

}

# Obtenemos

La variable No esta vacía

Si ejecutamos el código anterior obtenemos el mensaje La variable No esta vacía, porque la variable edad no esta vacía y si tiene un valor o número.

Y si por el contrario la variable edad no tiene un valor o número:


let edad = undefined;

if (typeof edad === 'number' && edad >= 0) {
    
    console.log("La variable No esta vacía");

} else {
    console.log("La variable Si esta vacía");
}

# Obtenemos
La variable Si esta vacía