Tipos de datos y operadores en JavaScript

JavaScript es un lenguaje muy flexible, pero precisamente esa flexibilidad puede llevarnos a cometer errores si no entendemos bien los tipos de datos y operadores que usamos a diario. En este artículo vamos a verlos de forma clara y sencilla, con ejemplos prácticos para que puedas dominarlos sin complicaciones.


Tipos de datos en JavaScript

En JavaScript existen diferentes tipos de datos que podemos usar dependiendo del tipo de información que queramos guardar. Los tipos se dividen en primitivos y estructurados.

Tipos de datos primitivos

Los primitivos son los más básicos. Por ejemplo, si quieres guardar un texto como un nombre o una frase, puedes usar un string:

let saludo = "Hola";
let mensaje = 'Bienvenido a Jaracoder';
let plantilla = `Hola, ${nombre}`;

Cuando trabajas con números, ya sean enteros o decimales, puedes usar el tipo number:

let edad = 25;
let temperatura = 36.6;
let resultado = 10 / 2;

Para representar valores verdaderos o falsos, se usa el tipo boolean. Muy útil para condicionales:

let esActivo = true;
let tienePermiso = false;
let puedeEntrar = edad >= 18;

Si declaras una variable pero no le asignas valor, su tipo es undefined:

let nombre;
console.log(nombre); // undefined

Por otro lado, si quieres dejar claro que una variable no tiene ningún valor, puedes usar null:

let usuario = null;

Hay dos tipos menos comunes pero importantes: symbol, que se usa para crear identificadores únicos, y bigint, que permite trabajar con números muy grandes:

const id = Symbol("idUnico");
const numeroGrande = 1234567890123456789012345678901234567890n;

Tipos de datos estructurados (objetos)

Los estructurados nos permiten agrupar varios valores. Por ejemplo, un object puede representar una entidad con propiedades:

let persona = {
  nombre: "Carlos",
  edad: 40,
  activo: true
};

Un array es una lista ordenada de valores, útil para agrupar varios elementos bajo una sola variable:

let colores = ["rojo", "verde", "azul"];
let edades = [18, 25, 30];

Y por supuesto, las function también son un tipo de dato. Se pueden asignar a variables, pasar como parámetros y ejecutar:

function saludar(nombre) {
  return `Hola, ${nombre}`;
}

let despedir = function(nombre) {
  return `Adios, ${nombre}`;
};

let saludarFlecha = (nombre) => `Hola, ${nombre}`;

Conocer estos tipos y cómo usarlos te va a ayudar a escribir mejor código y evitar errores difíciles de encontrar.


Operadores en JavaScript

Operadores aritméticos

Realizan operaciones matemáticas.

let suma = 5 + 3;    // 8
let resta = 10 - 4;  // 6
let multi = 2 * 6;   // 12
let division = 8 / 2; // 4
let resto = 10 % 3;  // 1
let potencia = 2 ** 3; // 8

Operadores de asignación

Asignan valores a variables.

let x = 5;
x += 2; // equivalente a x = x + 2 (ahora x vale 7)

Operadores de comparación

Comparan dos valores y devuelven un booleano.

console.log(5 == "5");  // true (igualdad sin tipo)
console.log(5 === "5"); // false (igualdad estricta)
console.log(3 != 4);     // true
console.log(3 !== "3");  // true
console.log(5 > 2);      // true
console.log(5 <= 5);     // true

Operadores lógicos

Permiten combinar valores booleanos.

console.log(true && false); // false (AND)
console.log(true || false); // true  (OR)
console.log(!true);         // false (NOT)

Operador ternario

Una forma compacta de hacer condicionales.

let edad = 18;
let acceso = (edad >= 18) ? "Permitido" : "Denegado";
console.log(acceso); // "Permitido"

Consejos prácticos

  • Usa === en lugar de == para evitar problemas de comparación automática de tipos.
  • Recuerda que undefined y null no son iguales estrictamente (undefined !== null).
  • Cuando trabajes con objetos o arrays, recuerda que se comparan por referencia, no por valor.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio