Tipos de dato

javascript tipos de dato

En la lección anterior aprendimos que podemos guardar cosas en variables y constantes, ahora toca averiguar: ¿qué cosas podemos guardar?.

🫳 Lo que está nuestro alcance son los datos

Existen diferentes tipos de dato que podemos guardar en nuestras variables y constantes.

Por ahora hablaremos de los principales:

  • Undefined (indefinido)
  • Null (nulo)
  • Number (número)
  • String (cadena)
  • Boolean (booleano)

Y en otros artículos veremos algunos un poco más complejos:

  • Object (objeto)
  • Array (arreglo)
  • Function (función)
AVISO

Hay dos tipos de dato de los que no hablaremos en esta ruta de estudios (BigInt y Symbol).

Los tipos de dato son esenciales en programación porque nos dicen qué podemos hacer con un valor.

No es lo mismo sumar dos números que sumar dos textos, y JavaScript trata cada tipo de dato de manera diferente.

❓ Undefined

Undefined o indefinido, es el tipo de dato que indica que no existe nada guardado ahí.

Es el valor por defecto que reciben las variables cuando las creamos sin asignar un valor.

let miIndefinido;
console.log(miIndefinido);

Terminal window
undefined
Analogía

Imagina que tienes una caja nueva y vacía. Cuando la abres por primera vez, está indefinida porque aún no has decidido qué guardar en ella.

❔ Null

Null o nulo, es el tipo de dato que también indica que no existe nada en ese lugar, aunque este valor suele ser a propósito.

Es decir, un vacío puesto por un programador.

let miNulo = null;
console.log(miNulo);

Terminal window
null
Analogía

Es como una caja que vaciamos intencionalmente.

🔢 Number

Number o número, es el tipo de dato que nos ayuda con lo relacionado a los números.

// Números enteros
let edad = 25;
// Números negativos
let temperatura = -5;


// Números decimales
let precio = 99.99;
let pi = 3.14159;

🔤 String

String o Cadena (de caracteres), es el tipo de dato que nos ayuda a usar texto, como mensajes, palabras, letras o emoji.

// Diferentes tipos de texto
let nombre = "Ana";
let mensaje = "¡Bienvenido a JavaScript!";
let emoji = "😊";

Hay tres maneras de crear strings:

  1. Con comillas simples ('):

    let saludo = 'Hola mundo';

  2. Con comillas dobles ("):

    let mensaje = "JavaScript es divertido";

  3. Con backticks (`) que permiten texto en múltiples líneas y usar variables:

    let nombre = "María";
    let mensaje = `Hola ${nombre},
    ¡Bienvenida al curso!`;

✔️ Boolean

Boolean o booleano, es el tipo de dato que solo puede tener dos valores: true (verdadero) o false (falso).

Nos ayuda a representar condiciones que son verdaderas o falsas. Por ejemplo:

  • Si un usuario está conectado o no
  • Si un juego está pausado o en marcha
  • Si una tarea está completada o pendiente
// Ejemplos de valores booleanos en situaciones reales
let usuarioConectado = true;
let juegoEnPausa = false;
let tareaCompletada = true;

Los booleanos son muy útiles cuando necesitamos tomar decisiones en nuestro código basadas en condiciones de sí/no.

INFO

Más adelante veremos cómo los tipos de dato se complementan con otras instrucciones para generar comportamientos más prácticos e interesantes.

☝️🤓
🏋️‍♂️ Ejercicio

Crea una variable para cada tipo de dato que hemos visto:

  1. Un número que represente tu edad
  2. Un texto con tu nombre
  3. Un booleano que indique si te gusta programar
  4. Una variable sin valor (undefined)
  5. Una variable con valor nulo

Luego, muestra cada variable en la consola usando console.log().

🏋️‍♂️ Ejercicio

Crea tres variables usando diferentes formas de crear strings:

  1. Una usando comillas simples
  2. Otra usando comillas dobles
  3. Y una última usando backticks o comillas invertidas

Muestra el resultado de cada una en la consola.

🏋️‍♂️ Ejercicio

Crea dos variables numéricas:

  1. Una con un número entero
  2. Otra con un número decimal
🚀 Extra

Investiga y escribe ejemplos de situaciones reales donde se utilicen los diferentes tipos de dato en aplicaciones web que uses frecuentemente.

Por ejemplo:

Boolean:

  • Cuando marcas “recordar contraseña” en un formulario de inicio de sesión
  • Cuando activas o desactivas notificaciones

Number:

  • El contador de “me gusta” en una publicación
  • El precio de un producto en una tienda en línea

String:

  • Tu nombre de usuario
  • Los comentarios en una publicación

Null:

  • Cuando borras tu foto de perfil y queda vacía
  • Cuando eliminas una publicación y su contenido se marca como nulo

Undefined:

  • Cuando una aplicación está cargando y aún no tiene los datos
  • Cuando un perfil es nuevo y algunos campos están sin llenar

Escribe al menos un ejemplo más para cada tipo.

Comentarios