En esta sección, aprenderás sobre uno de los conceptos fundamentales en JavaScript: las variables y los tipos de datos. Las variables son contenedores que almacenan datos, y los tipos de datos determinan qué tipo de datos pueden almacenar estas variables.

  1. Declaración de Variables

En JavaScript, puedes declarar variables utilizando tres palabras clave: var, let y const.

1.1 var

var es la forma más antigua de declarar variables en JavaScript. Tiene un alcance de función, lo que significa que la variable está disponible dentro de la función en la que se declara.

var nombre = "Juan";
console.log(nombre); // Juan

1.2 let

let se introdujo en ES6 (ECMAScript 2015) y tiene un alcance de bloque, lo que significa que la variable está disponible solo dentro del bloque donde se declara.

let edad = 25;
console.log(edad); // 25

1.3 const

const también se introdujo en ES6 y se utiliza para declarar variables cuyo valor no cambiará. Tiene un alcance de bloque, al igual que let.

const PI = 3.14159;
console.log(PI); // 3.14159

  1. Tipos de Datos

JavaScript tiene varios tipos de datos que se pueden clasificar en dos categorías principales: primitivos y objetos.

2.1 Tipos de Datos Primitivos

  1. Número: Representa tanto números enteros como de punto flotante.

    let numeroEntero = 42;
    let numeroDecimal = 3.14;
    
  2. Cadena de Texto (String): Representa secuencias de caracteres.

    let saludo = "Hola, Mundo!";
    
  3. Booleano: Representa valores verdaderos (true) o falsos (false).

    let esVerdadero = true;
    let esFalso = false;
    
  4. Indefinido (Undefined): Representa una variable que ha sido declarada pero no se le ha asignado un valor.

    let indefinido;
    console.log(indefinido); // undefined
    
  5. Nulo (Null): Representa la ausencia intencional de cualquier valor.

    let valorNulo = null;
    console.log(valorNulo); // null
    
  6. Símbolo (Symbol): Representa un valor único e inmutable.

    let simbolo = Symbol('descripcion');
    console.log(simbolo); // Symbol(descripcion)
    

2.2 Tipos de Datos de Objeto

  1. Objeto: Colección de propiedades y métodos.

    let persona = {
        nombre: "Juan",
        edad: 30
    };
    console.log(persona.nombre); // Juan
    
  2. Array: Lista ordenada de valores.

    let colores = ["rojo", "verde", "azul"];
    console.log(colores[0]); // rojo
    

  1. Conversión de Tipos

JavaScript permite la conversión de tipos de datos de forma implícita y explícita.

3.1 Conversión Implícita

JavaScript a menudo convierte tipos de datos automáticamente.

let resultado = "5" + 2;
console.log(resultado); // "52" (cadena)

3.2 Conversión Explícita

Puedes convertir tipos de datos explícitamente utilizando funciones globales como Number(), String(), y Boolean().

let numeroCadena = "123";
let numero = Number(numeroCadena);
console.log(numero); // 123 (número)

let booleano = Boolean(1);
console.log(booleano); // true

Ejercicios Prácticos

Ejercicio 1: Declaración de Variables

Declara tres variables: una usando var, otra usando let, y otra usando const. Asigna valores a cada una y luego imprímelas en la consola.

// Solución
var ciudad = "Madrid";
let pais = "España";
const continente = "Europa";

console.log(ciudad); // Madrid
console.log(pais); // España
console.log(continente); // Europa

Ejercicio 2: Tipos de Datos

Declara una variable de cada tipo de dato primitivo y luego imprímelas en la consola.

// Solución
let numero = 10;
let cadena = "Hola";
let booleano = true;
let indefinido;
let nulo = null;
let simbolo = Symbol('simbolo');

console.log(numero); // 10
console.log(cadena); // Hola
console.log(booleano); // true
console.log(indefinido); // undefined
console.log(nulo); // null
console.log(simbolo); // Symbol(simbolo)

Ejercicio 3: Conversión de Tipos

Convierte una cadena que contiene un número en un tipo de dato numérico y luego imprímelo en la consola.

// Solución
let cadenaNumero = "456";
let numeroConvertido = Number(cadenaNumero);

console.log(numeroConvertido); // 456

Resumen

En esta sección, hemos cubierto los conceptos básicos de las variables y los tipos de datos en JavaScript. Aprendiste cómo declarar variables usando var, let y const, y exploraste los diferentes tipos de datos primitivos y de objeto. También vimos cómo convertir tipos de datos de forma implícita y explícita. Estos fundamentos son esenciales para cualquier programador de JavaScript y te preparan para los temas más avanzados que vendrán en los siguientes módulos.

JavaScript: De Principiante a Avanzado

Módulo 1: Introducción a JavaScript

Módulo 2: Estructuras de Control

Módulo 3: Funciones

Módulo 4: Objetos y Arrays

Módulo 5: Objetos y Funciones Avanzadas

Módulo 6: El Modelo de Objetos del Documento (DOM)

Módulo 7: APIs del Navegador y Temas Avanzados

Módulo 8: Pruebas y Depuración

Módulo 9: Rendimiento y Optimización

Módulo 10: Frameworks y Librerías de JavaScript

Módulo 11: Proyecto Final

© Copyright 2024. Todos los derechos reservados