Saltar al contenido

Lección 8 de 13 · Lectura y práctica

Tipos de datos primitivos

Tipos de datos en JavaScript JavaScript tiene varios tipos de datos. Los primitivos son los mas basicos: 1. String (texto) const saludo = "Hola mundo"; const nombre = 'Maria'; const template = `Hola ${nombre}`; // Template.

Del concepto a la práctica

Taller de esta lección

Distinguir tipos evita aplicar operaciones incompatibles. En una ficha de tarea, el título es texto, los minutos son número, la prioridad puede ser booleano y una fecha ausente puede representarse con null. undefined suele indicar que una propiedad o variable todavía no tiene valor asignado; no conviene usar ambos estados sin una razón.

Ejemplo resuelto

js
const ficha = {
  titulo: "Revisar",
  minutos: 12,
  urgente: false,
  fecha: null
};
console.log(typeof ficha.titulo, typeof ficha.minutos, ficha.fecha === null);
// string number true

Pruébalo

  1. Añade una propiedad responsable con texto.

  2. Cambia minutos por un decimal y observa el tipo.

  3. Compara null con undefined usando igualdad estricta.

  4. Registra un valor ausente de forma explícita.

Error frecuente: asumir que typeof null devuelve null. Corrige recordando que devuelve "object", por lo que la comprobación adecuada es valor === null.

Comprueba tu resultado

La salida debe identificar string, number y true. La comparación null === undefined debe ser false; no sustituyas esa diferencia por una conversión implícita.

Diagrama de decisión con ramas Sí y No y un bucle que procesa cada elemento de una lista.
CursaloMapa de práctica
Cómo avanza un programa

Una condición decide qué camino ejecuta el programa. Un bucle repite una operación mientras queden elementos, y termina cuando la lista se agota. Separar ambas ideas ayuda a seguir el flujo y comprobar casos límite.

Ver la infografía en tamaño completo ↗

Tipos de datos en JavaScript

JavaScript tiene varios tipos de datos. Los primitivos son los mas basicos:

1. String (texto)

const saludo = "Hola mundo";
const nombre = 'Maria';
const template = `Hola ${nombre}`;  // Template literal

// Propiedades y metodos utiles
console.log(saludo.length);        // 10
console.log(saludo.toUpperCase()); // "HOLA MUNDO"
console.log(saludo.includes("Hola")); // true

2. Number (numeros)

const entero = 42;
const decimal = 3.14;
const negativo = -10;
const infinito = Infinity;
const noEsNumero = NaN;

// Operaciones
console.log(10 + 5);   // 15
console.log(10 - 5);   // 5
console.log(10 * 5);   // 50
console.log(10 / 5);   // 2
console.log(10 % 3);   // 1 (resto)
console.log(10 ** 2);  // 100 (potencia)

3. Boolean (verdadero/falso)

const esActivo = true;
const estaCompleto = false;

// Comparaciones
console.log(5 > 3);    // true
console.log(5 === 5);  // true
console.log(5 !== 3);  // true

4. undefined y null

let sinValor;          // undefined (no asignado)
const vacio = null;    // null (intencionalmente vacio)

console.log(sinValor); // undefined
console.log(vacio);    // null

5. Symbol y BigInt

// Symbol - valores unicos
const id = Symbol("id");

// BigInt - numeros muy grandes
const numeroGrande = 9007199254740991n;

Verificar tipos con typeof

console.log(typeof "Hola");    // "string"
console.log(typeof 42);        // "number"
console.log(typeof true);      // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null);      // "object" (bug historico)
console.log(typeof Symbol());  // "symbol"

Sigue con JavaScript Fundamentals

Esta lección forma parte de un curso de Cursalo. Revisa su programa y elige entre la compra individual o el acceso a toda la escuela.

Si ya tenías acceso a este curso, entra con tu cuenta: tus derechos y tu progreso se conservan. No necesitas comprarlo de nuevo.

01 / ELEGIR UNA RUTA

El próximo paso

Aprende IA mientras construyes algo que sí necesitas.

Empieza por el curso inicial o explora el catálogo para encontrar una práctica alineada con tu trabajo.