Clase 1: Variables y Tipos de Datos en JavaScript
Volver a clases
Fundamentos de ProgramaciónPrincipiante

Clase 1: Variables y Tipos de Datos en JavaScript

15 min
16 vistas

Aprende los conceptos básicos de variables, const, let y var, y los diferentes tipos de datos en JavaScript.

Introducción

Las variables son contenedores que almacenan datos. En JavaScript moderno (ES6+), tenemos tres formas de declarar variables: const, let y var.

Declaración de Variables

const

const se usa para valores que no van a cambiar. Una vez asignado, no se puede reasignar.

javascript
1const PI = 3.14159;
2const NOMBRE_EMPRESA = "TechAcademy";
3
4// ❌ Esto dará error:
5PI = 3.14; // TypeError: Assignment to constant variable

let

let se usa para valores que pueden cambiar. Tiene scope de bloque.

javascript
1let edad = 25;
2let nombre = "Carlos";
3
4// ✅ Esto es válido:
5edad = 26;
6nombre = "María";

var (⚠️ Evitar en código moderno)

var es la forma antigua. Tiene scope de función y puede causar bugs.

javascript
1// ❌ No recomendado
2var contador = 0;

Tipos de Datos Primitivos

1. String (Cadenas de texto)

javascript
1const nombre = "Ana";
2const apellido = "García";
3const mensaje = `Hola, ${nombre}!`; // Template literals

2. Number (Números)

javascript
1const edad = 30;
2const precio = 19.99;
3const negativo = -5;
4const infinito = Infinity;

3. Boolean (Verdadero/Falso)

javascript
1const esMayorDeEdad = true;
2const tieneDescuento = false;

4. Undefined

javascript
1let sinValor;
2console.log(sinValor); // undefined

5. Null

javascript
1const valorNulo = null; // Ausencia intencional de valor

6. Symbol (Único e inmutable)

javascript
1const id = Symbol("id");
2const id2 = Symbol("id");
3console.log(id === id2); // false

7. BigInt (Números muy grandes)

javascript
1const numeroGrande = 9007199254740991n;

Verificación de Tipos

javascript
1console.log(typeof "Hola"); // "string"
2console.log(typeof 42); // "number"
3console.log(typeof true); // "boolean"
4console.log(typeof undefined); // "undefined"
5console.log(typeof null); // "object" (bug histórico de JS)
6console.log(typeof Symbol()); // "symbol"
7console.log(typeof 100n); // "bigint"

Conversión de Tipos

javascript
1// String a Number
2const texto = "123";
3const numero = Number(texto); // 123
4const numeroInt = parseInt(texto); // 123
5const numeroFloat = parseFloat("123.45"); // 123.45
6
7// Number a String
8const num = 42;
9const str = String(num); // "42"
10const str2 = num.toString(); // "42"
11
12// A Boolean
13Boolean(1); // true
14Boolean(0); // false
15Boolean(""); // false
16Boolean("texto"); // true

Ejercicios Prácticos

  1. Declara una constante con tu nombre completo
  2. Crea una variable para tu edad y súmale 5 años
  3. Crea un template literal que diga "Hola, me llamo [nombre] y tengo [edad] años"
  4. Convierte el string "100" a número y súmale 50

Ejemplos de Código

3 ejemplos

Buenas prácticas - Declaración de variables

javascript
1const CONSTANTE_GLOBAL = "No cambia";
2let variableLocal = "Puede cambiar";
3
4// Múltiples variables del mismo tipo
5const nombre = "Juan",
6  apellido = "Pérez",
7  edad = 25;
8
9// Desestructuración
10const [a, b, c] = [1, 2, 3];

Template Literals - Interpolación de variables

javascript
1const nombre = "Ana";
2const edad = 28;
3
4// Template literal básico
5const saludo = `Hola, soy ${nombre}`;
6
7// Multi-línea
8const mensaje = `
9  Nombre: ${nombre}
10  Edad: ${edad}
11  Mayor de edad: ${edad >= 18 ? "Sí" : "No"}
12`;
13
14// Expresiones
15const suma = `El resultado es: ${10 + 20}`;

Conversión y coerción de tipos

javascript
1// String a Number
2const texto = "42";
3console.log(Number(texto)); // 42
4console.log(+texto); // 42 (forma corta)
5console.log(parseInt(texto)); // 42
6
7// Number a String
8const numero = 123;
9console.log(String(numero)); // "123"
10console.log(numero + ""); // "123"
11console.log(`${numero}`); // "123"
12
13// Truthy y Falsy
14console.log(Boolean(0)); // false
15console.log(Boolean("")); // false
16console.log(Boolean(null)); // false
17console.log(Boolean(undefined)); // false
18console.log(Boolean(1)); // true
19console.log(Boolean("hola")); // true

Recursos

1 recurso disponible

Documentación Oficial

DocumentaciónPrincipiante15 min

JavaScript Variables - MDN Web Docs

Documentación oficial sobre declaración de variables en JavaScript

ALVESC ACADEMY - Plataforma Educativa