Saltar al contenido

Guía Completa de Tipos de Datos en JavaScript: Cómo y Cuándo Utilizarlos

Domina los tipos de datos en JavaScript con esta guía completa. Aprende sobre primitivos, objetos, arrays y cuándo usar cada uno para escribir código más robusto y eficiente.

Alberto Guaman enero 8, 2025 10 min de lectura

Compartir
Guía Completa de Tipos de Datos en JavaScript: Cómo y Cuándo Utilizarlos
En este artículo
  1. ¿Qué son los tipos de datos en JavaScript?
  2. Tipos de datos primitivos
  3. Tipos de datos estructurados (objetos)
  4. ¿Cómo saber el tipo de una variable?
  5. Conversión de tipos (coerción)
  6. Buenas prácticas y errores comunes

¿Sabías que entender los tipos de datos en JavaScript es clave para evitar bugs y escribir código profesional?


¿Qué son los tipos de datos en JavaScript?

Los tipos de datos determinan qué valores puede almacenar una variable y qué operaciones puedes realizar con ellos. JavaScript es un lenguaje de tipado dinámico, pero conocer los tipos es fundamental para evitar errores.


Tipos de datos primitivos

  1. String

    • Texto entre comillas simples, dobles o backticks.
    • Ejemplo:
      let nombre = "Ana";
      let saludo = `Hola, ${nombre}!`;
  2. Number

    • Números enteros y decimales.
    • Ejemplo:
      let edad = 30;
      let precio = 19.99;
  3. Boolean

    • Solo puede ser true o false.
    • Ejemplo:
      let esActivo = true;
      let esMayor = edad > 18;
  4. Undefined

    • Valor por defecto de una variable no inicializada.
    • Ejemplo:
      let x;
      console.log(x); // undefined
  5. Null

    • Representa ausencia intencional de valor.
    • Ejemplo:
      let usuario = null;
  6. Symbol

    • Identificadores únicos, útiles para propiedades de objetos.
    • Ejemplo:
      let id = Symbol("id");
  7. BigInt

    • Números enteros muy grandes.
    • Ejemplo:
      let big = 1234567890123456789012345678901234567890n;

Tipos de datos estructurados (objetos)

  1. Object

    • Colección de pares clave-valor.
    • Ejemplo:
      let persona = { nombre: "Ana", edad: 30 };
  2. Array

    • Lista ordenada de elementos.
    • Ejemplo:
      let frutas = ["Manzana", "Banana", "Naranja"];
  3. Function

    • Las funciones también son objetos en JavaScript.
    • Ejemplo:
      function saludar() { console.log("Hola!"); }

¿Cómo saber el tipo de una variable?

Usa el operador typeof:

console.log(typeof 42); // "number"
console.log(typeof "hola"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object" (curiosidad histórica)
console.log(typeof Symbol("id")); // "symbol"
console.log(typeof [1,2,3]); // "object"
console.log(typeof function(){}); // "function"

Conversión de tipos (coerción)

JavaScript convierte tipos automáticamente en muchas operaciones:

console.log("5" + 2); // "52" (string)
console.log("5" - 2); // 3 (number)
console.log(1 + true); // 2
console.log(false + "hola"); // "falsehola"

Usa Number(), String(), Boolean() para conversiones explícitas:

let n = Number("123"); // 123
let s = String(123); // "123"
let b = Boolean(0); // false

Buenas prácticas y errores comunes

  • Usa siempre === en vez de == para comparar valores y tipos.
  • No confíes en el tipo de null (`

Escribimos sobre lo que construimos.

En Tinguar desarrollamos webs, apps, sistemas e integraciones para negocios. Si un artículo se parece a lo que necesitas, podemos construirlo contigo.

Escríbenos tu caso

Puede ser un producto que ya tenemos o algo que todavía no existe. No hace falta que sepas qué tecnología usar: con tu descripción te proponemos el siguiente paso.

¿Qué necesitas?

Se abre WhatsApp o tu correo con el mensaje listo. Tú decides cuándo enviarlo.

Cotizar proyecto WhatsApp