JavaScript es un lenguaje de programación versátil que impulsa la web y permite a los desarrolladores crear sitios web interactivos y dinámicos. Uno de los conceptos centrales de JavaScript, y de cualquier lenguaje de programación, es cómo se almacenan y manipulan los datos. Para crear aplicaciones web de forma eficaz, es esencial comprender las variables y los tipos de datos en JavaScript.

En este artículo, cubriremos qué son las variables, cómo declararlas y los diversos tipos de datos que JavaScript admite para almacenar y manipular datos.

Variables en JavaScript

¿Qué es una variable?

Una variable en JavaScript es como un contenedor que contiene datos. Le permite almacenar y recuperar valores que puede utilizar en todo su programa. Piense en las variables como etiquetas adjuntas a valores. Una vez que asignas un valor a una variable, puedes referirte a ella por su nombre, en lugar de usar el valor directamente cada vez.

Por ejemplo, en lugar de escribir "John" varias veces, puedes asignarlo a una variable como esta:

let name = "John";
console.log(name);  // Outputs: John

Declaración de variables

En JavaScript, las variables se pueden declarar usando las palabras clave var, let o const.

1. var

var es la forma más antigua de declarar variables en JavaScript. Sin embargo, tiene algunos problemas con el alcance, razón por la cual los desarrolladores de JavaScript modernos prefieren usar let y const.

var age = 30;
console.log(age);  // Outputs: 30

2. dejar

let tiene un alcance de bloque, lo que significa que la variable existe solo dentro del bloque en el que está definida (por ejemplo, dentro de una función o un bucle). Es la forma más utilizada de declarar variables en JavaScript moderno.

let city = "New York";
console.log(city);  // Outputs: New York

3. constante

const es similar a let, pero se usa para declarar variables cuyos valores no cambiarán. Una vez que se asigna un valor a una variable declarada con const, no se puede reasignar.

const country = "USA";
console.log(country);  // Outputs: USA

// This will throw an error
// country = "Canada";  

Nombrar variables

Al nombrar variables, tenga en cuenta las siguientes reglas:

• Los nombres de las variables pueden contener letras, números, guiones bajos (_) y signos de dólar ($).
• Deben comenzar con una letra, un guión bajo o un signo de dólar.
• Los nombres de las variables distinguen entre mayúsculas y minúsculas (por ejemplo, myVar y myvar son variables diferentes).
• Las palabras clave de JavaScript (por ejemplo, var, let, if, function) no se pueden utilizar como nombres de variables.

Una convención común es usar camelCase para nombres de variables, como myVariableName.

Tipos de datos en JavaScript

JavaScript admite varios tipos de datos que especifican el tipo de valor que puede contener una variable. Los tipos de datos se dividen en dos categorías:

• Tipos de datos primitivos
• Tipos de datos no primitivos (referencia)

Tipos de datos primitivos

Los tipos de datos primitivos son los tipos de datos más básicos en JavaScript. Incluyen:

1. Cadena

Las cadenas se utilizan para representar datos textuales. Están entre comillas, ya sean simples ('), dobles (") o comillas invertidas (`).

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2. Número

El tipo de datos numérico representa tanto números enteros como números de punto flotante (es decir, decimales).

let age = 25;       // Integer
let price = 99.99;  // Floating-point number

3. Booleano

Los booleanos representan valores lógicos: verdadero o falso. A menudo se utilizan en declaraciones condicionales y comparaciones.

let isLoggedIn = true;
let hasAccess = false;

4. Indefinido

Cuando una variable se declara pero no se le asigna un valor, se inicializa automáticamente con el valor indefinido.

let myVar;
console.log(myVar);  // Outputs: undefined

5. Nulo

null representa un valor explícitamente vacío o inexistente. Se utiliza cuando se quiere indicar que una variable no debe tener valor.

let emptyValue = null;

6. Símbolo

Los símbolos son valores únicos e inmutables, que normalmente se utilizan para crear claves de propiedad únicas para objetos. Si bien los principiantes no los usan comúnmente, son útiles en aplicaciones avanzadas.

let symbol1 = Symbol("description");

7. GranInt

El tipo BigInt permite la representación de números enteros mayores que el rango del tipo Número. Es especialmente útil cuando se trabaja con números enteros muy grandes.

let bigNumber = BigInt(123456789012345678901234567890);

Tipos de datos no primitivos (referencia)

Los tipos de datos no primitivos almacenan objetos y estructuras de datos más complejos. Se les conoce como tipos de referencia porque las variables almacenan referencias a los datos reales.

1. Objeto

Los objetos son colecciones de pares clave-valor. Le permiten almacenar múltiples valores relacionados como propiedades.

let person = {
  name: "John",
  age: 30,
  isStudent: false
};
console.log(person.name);  // Outputs: John

2. Matriz

Las matrices son colecciones ordenadas de valores (elementos). Las matrices pueden almacenar múltiples valores en una sola variable y los valores pueden ser de cualquier tipo de datos.

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[1]);  // Outputs: Banana

3. Función

Las funciones son bloques de código diseñados para realizar una tarea particular. En JavaScript, las funciones en sí se tratan como objetos, lo que permite pasarlas como argumentos o almacenarlas en variables.

function greet() {
  console.log("Hello!");
}
greet();  // Outputs: Hello!

Coerción de tipos y escritura dinámica

JavaScript se escribe dinámicamente, lo que significa que no es necesario declarar explícitamente el tipo de una variable. JavaScript inferirá automáticamente el tipo en función del valor asignado. Por ejemplo:

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

Además, JavaScript realiza coerción de tipos, lo que significa que convertirá automáticamente valores de un tipo a otro cuando sea necesario.

console.log("5"   10);  // Outputs: "510" (String concatenation)
console.log("5" - 1);   // Outputs: 4 (Number subtraction)

En el primer ejemplo, JavaScript convierte 10 en una cadena y lo concatena con "5". En el segundo ejemplo, "5" se convierte en un número para restar.

Conclusión

Comprender las variables y los tipos de datos es un paso fundamental en el aprendizaje de JavaScript. Las variables le permiten almacenar y administrar datos en sus programas, mientras que los tipos de datos definen el tipo de datos con los que está trabajando, desde cadenas hasta números, booleanos y más.

A medida que continúe aprendiendo JavaScript, utilizará variables con frecuencia y trabajará con varios tipos de datos para crear aplicaciones web interactivas y dinámicas. Si domina cómo manipular estos tipos de datos, podrá escribir código más eficiente y efectivo.