Variables y Tipos de Datos en JavaScript

Índice

    Lección: Variables y Tipos de Datos en JavaScript

    En esta lección, exploraremos en detalle las variables y los tipos de datos en JavaScript, elementos fundamentales para escribir código efectivo y dinámico en este lenguaje de programación.

    1. Introducción a las Variables en JavaScript

    Las variables son contenedores de información que nos permiten almacenar y manipular datos en nuestros programas. En JavaScript, podemos declarar variables utilizando las palabras clave var, let y const.

    var nombre = "Juan"; // Declara una variable llamada "nombre" y le asigna el valor "Juan"
    let edad = 30; // Declara una variable llamada "edad" y le asigna el valor 30
    const PI = 3.1416; // Declara una constante llamada "PI" y le asigna el valor 3.1416
    • La palabra clave var se usaba anteriormente para declarar variables, pero ha sido reemplazada por let y const.
    • La palabra clave let se utiliza para declarar variables que pueden cambiar su valor.
    • La palabra clave const se utiliza para declarar constantes, cuyo valor no puede cambiar una vez que se ha asignado.

    2. Tipos de Datos en JavaScript

    JavaScript es un lenguaje de tipado dinámico, lo que significa que no necesitamos especificar el tipo de datos al declarar una variable. Los tipos de datos en JavaScript se dividen en dos categorías principales: primitivos y objetos.

    a. Tipos de Datos Primitivos

    Los tipos de datos primitivos son valores simples que representan datos básicos y se almacenan directamente en la variable. Los tipos de datos primitivos en JavaScript son:

    • Número (Number): Representa valores numéricos, enteros o de punto flotante.
    • Cadena (String): Representa una secuencia de caracteres, como texto.
    • Booleano (Boolean): Representa un valor verdadero o falso.
    • Null: Representa la ausencia de valor.
    • Undefined: Representa una variable que ha sido declarada pero aún no ha sido asignada un valor.
    • Símbolo (Symbol): Introducido en ECMAScript 6, representa un identificador único.
    let numero = 10; // Número
    let texto = "Hola Mundo"; // Cadena
    let esVerdadero = true; // Booleano
    let valorNulo = null; // Null
    let valorIndefinido; // Undefined
    let simbolo = Symbol("id"); // Símbolo

    b. Tipos de Datos Compuestos (Objetos)

    Los tipos de datos compuestos, o objetos, son estructuras de datos que pueden contener múltiples valores y métodos. Algunos de los tipos de datos compuestos más comunes en JavaScript son:

    • Objeto (Object): Representa un conjunto de propiedades, donde cada propiedad tiene un nombre y un valor.
    • Arreglo (Array): Representa una colección ordenada de valores, accesibles por un índice numérico.
    • Función (Function): Representa un bloque de código reutilizable que puede ser ejecutado cuando se llama.
    let persona = {
    nombre: "Juan",
    edad: 30,
    esEstudiante: true
    }; // Objeto

    let numeros = [1, 2, 3, 4, 5]; // Arreglo

    function saludar() {
    console.log("¡Hola!");
    } // Función

    3. Conversión de Tipos de Datos

    JavaScript es un lenguaje de tipado débil, lo que significa que las conversiones de tipos de datos se realizan automáticamente en ciertas situaciones, o podemos realizar conversiones explícitas utilizando funciones incorporadas.

    • Conversión Implícita: JavaScript intentará convertir automáticamente un tipo de dato a otro cuando sea necesario para completar una operación.
    let numero = 10; // Número
    let texto = "El número es " + numero; // Conversión implícita de número a cadena
    console.log(texto); // "El número es 10"
    • Conversión Explícita: Podemos utilizar funciones incorporadas como parseInt() o parseFloat() para convertir cadenas a números, o String() para convertir números a cadenas.
    let numeroTexto = "10"; // Cadena
    let numeroEntero = parseInt(numeroTexto); // Conversión explícita de cadena a número
    console.log(numeroEntero); // 10

    let numeroDecimal = 3.14; // Número
    let numeroCadena = String(numeroDecimal); // Conversión explícita de número a cadena
    console.log(numeroCadena); // "3.14"

    4. Operadores de Asignación y Comparación

    JavaScript admite una variedad de operadores de asignación y comparación para manipular y comparar valores. Algunos de los operadores más comunes son:

    • Operadores de Asignación: =, +=, -=, *=, /=, %=, entre otros.
    • Operadores de Comparación: ==, ===, !=, !==, >, <, >=, <=.
    • Operadores Lógicos: && (AND lógico), || (OR lógico), ! (NOT lógico).
    let x = 10;
    let y = 5;

    x += y; // Equivalente a x = x + y (15)
    console.log(x);

    let esMayor = (x > y); // Verdadero
    console.log(esMayor);

    let esIgual = (x === y); // Falso
    console.log(esIgual);

    let esValido = (x > 0 && y < 10); // Verdadero
    console.log(esValido);

    5. Scope de las Variables

    El scope, o ámbito, de una variable en JavaScript se refiere a la visibilidad y accesibilidad de esa variable dentro de un programa. JavaScript tiene dos tipos de scope: scope global y scope local.

    • Scope Global: Las variables declaradas fuera de cualquier función tienen scope global y pueden ser accedidas desde cualquier parte del código.
    let nombre = "Juan"; // Variable global

    function saludar() {
    console.log("Hola " + nombre);
    }

    saludar(); // "Hola Juan"
    • Scope Local: Las variables declaradas dentro de una función tienen scope local y solo pueden ser accedidas dentro de esa función.
    function saludar() {
    let mensaje = "¡Hola Mundo!"; // Variable local
    console.log(mensaje);
    }

    saludar(); // "¡Hola Mundo!"
    console.log(mensaje); // Error: mensaje is not defined

    Conclusión

    En esta lección, hemos explorado las variables y los tipos de datos en JavaScript, incluyendo los tipos primitivos y los objetos, así como las conversiones de tipos de datos, operadores y el scope de las variables. Estos conceptos son fundamentales para comprender y escribir código JavaScript efectivo y dinámico.


    Recibe todas las semanas historias de éxito de personas que sin título se han convertido de programadores profesionales
    Suscríbete a nuestro boletín semanal
    Subir