Variables y Tipos de Datos en JavaScript
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 porlet
yconst
. - 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()
oparseFloat()
para convertir cadenas a números, oString()
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.