04. JS, Variables y tipos de datosLas variables y tipos de datos en JavaScript

Las variables son como contenedores en la memoria del ordenador donde puedes almacenar datos, ya sean números, letras, o tipos de datos especiales.

En JavaScript, para declarar una variable sencilla lo haces así:

var x = 100;

Las variables se declaran con la palabra reservada var delante del nombre, después el valor y acabas la declaración con ;

JavaScript es sensible a las mayúsculas y minúsculas, por lo que las variables hola y HOLA son diferentes.

Diferencia entre asignación e igualación en JavaScript

Como en la mayoría de los lenguajes de programación, la asignación de un valor y la comparación no es lo mismo. Cuando queremos asignar a una variable un valor, se hace con el signo =

var y = 'Yolanda';

En cambio, cuando comparamos dos variables no puedes hacerlo de forma habitual y natural que sería así x = y. Esto es una asignación y estás diciendo que y tendrá el valor de x. La forma correcta de comparar es la siguiente:

x == y

Reglas ortográficas para los nombres de las variables

Las reglas para declarar nombres de variables en JavaScript son las siguientes:

• El primer carácter debe ser una letra, un guión bajo (_) o el signo de dolar ($).
• El resto de caracteres pueden ser letras, dígitos, guiones bajos o signos de dolar.
• El primer carácter no puede ser un número
• Los nombres de variables no pueden ser ni un operador matemático ni tampoco un operador lógico.
• El guión medio no está permitido
• Los espacios en blanco tampoco está permitidos
• Tampoco puedes usar símbolos especiales (#,%,@…)
• No puedes hacer servir palabras reservadas del lenguaje (var, if, while, new, ...)

Tipos de datos del lenguaje JavaScript

En JavaScript, al contrario que muchos otros lenguajes de programación, no tienes que especificar el tipo de números diferentes que utiliza. Es decir, no tienes que definir si es entero corto (short), entero largo (long) o de coma flotante (float). Se escriben directamente con decimales o no.

Números

Para declarar variables que contendrán números, simplemente lo declaras escribiendo el número, ya sea decimal o no (recuerda que la coma decimal en programación es un punto):

var entero = 10; // número entero
var decimal = 10.5; //número decimal

Cadenas de texto

En JavaScript, para guardar textos utilizamos las cadenas de texto o strings. Una variable string debe estar entre comillas dobles o simples.

var texto = 'Esto es un texto'; // Comillas simples
var texto2 = "Esto es otro texto"; // Comillas dobles

Si queremos introducir comillas dentro del texto debemos utilizar la comilla contraria a la utilizada en la cadena:

var textoComillas = "Esto es un texto 'con comillas' dentro";

También podemos escapar los caracteres:

var comillasEscapadas = "Texto con una \" comilla escapada";

El carácter \ hace que el carácter siguiente lo interprete como string.

También podemos usar plantillas de cadena de texto (template strings), las cuales te facilitan muy, mucho la implementación de cadenas complejas o incrustadas.

Imagina que quieres unir varias cadenas de texto con texto literal:

var years = 30;
var nombre = "Raül ";
var apellido = "Bocache";

var resultadoFinal = "Buenos días, "+nombre+apellido+"."+" Tienes "+years+" años.";  // Forma antigua o normal

var resultadoFinal = `Buenos días, {$nombre}{$apellido}. Tienes {$years} años.`; // Forma moderna o template strings

Se trata de poner dos acentos abiertos y dentro colocar el string directamente, si queremos incluir una variable la colocamos dentro de {$variable}.

Booleanos

Al igual que otros lenguajes de programación, en JavaScript los datos booleanos aceptan dos estados posibles, true o false (cierto o falso).

var esCliente = true;

Otros tipos de datos más complejos los verás más adelante.