Tutoriales JavaScript | Tipos de Variables

Curso completo de JavaScript para todos los niveles

//Tutoriales JavaScript | Tipos de Variables
Tutoriales JavaScript | Tipos de Variables2019-06-17T09:14:34+00:00

Lección 3 . Tipos de variables

A diferencia de otros lenguajes de programación, en JavaScript solamente existe un tipo de data type o tipo de dato para declarar variables: var. El valor que le asignemos a esa variable definirá su tipo.

A continuación veremos una tabla con los distintos tipos de variables que podremos tener.

Tipo de variable Sintáxis
Entero
var intNumeroEntero = 14;
Decimal
var intNumeroDecimal = 250.57;
Carácter
var charLetra = "a";
Cadena de texto
var stringCadena = "Esto es un texto";
Booleano
var boolEsCoche = true;
Array
var arrayDias = ["Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado", "Domingo"];
Función
var muestraAlert = function(){
       alert("Esto es un alert");
};

Vamos a dividir esta tabla en 2 clasificaciones: variables simples y variables complejas. En el grupo de variables simples podríamos meter los enteros, los decimales, los caracteres, las cadenas y los booleanos. Por otra parte, en el grupo de variables complejas meteremos los Arrays y las funciones asignadas a una variable.

Todas las variables no tienen por qué almacenar siempre un mismo tipo, es decir, si primero le asignamos un valor entero más adelante podremos asignarle una cadena de texto y reutilizar esa misma variable.

Arrays

Para definir qué es un array bastará con tener claro que es un conjunto de valores. Es posible que algunas veces nos encontremos con que los llaman tablas, vectores, arreglos… etc. Los arrays simplifican mucho nuestro trabajo y liberan considerablemente la carga de memoria de los navegadores. Vamos a verlo con un ejemplo.

En la liga de fútbol de primera división hay 20 equipos y queremos tener un listado de todos los equipos. Para diferenciar los equipos necesitaríamos 20 variables para guardar los nombres de los equipos.

Copy to Clipboard

Estamos utilizando 20 variables y cargando la memoria del ordenador de forma innecesaria ya que es muy difícil que las reutilicemos o reciclemos para un uso distinto de las mismas. En este caso un array va a reducir la carga de memoria del ordenador y nos va a simplificar el uso de todos los nombres de los equipos.

Existen dos formas de declarar arrays: asignando directamente el conjunto de valores o asignando uno a uno cada valor.

Asignando directamente el conjunto de valores Asignando uno a uno cada valor
var arrayEquipos = [
"Barcelona", 
"Real Madrid", 
"Atlético de Madrid", 
"Villarreal", 
"Athletic Club", 
"Celta de Vigo", 
"Sevilla", 
"Málaga", 
"Real Sociedad", 
"Real Betis", 
"Las Palmas", 
"Valencia CF", 
"Espanyol", 
"Eibar", 
"Deportivo de La Coruña", 
"Granada CF", 
"Sporting de Gijón", 
"Rayo Vallecano", 
"Getafe", 
"Levante"
];
var arrayEquipos = Array();
arrayEquipos[0] = "Barcelona"; 
arrayEquipos[1] = "Real Madrid"; 
arrayEquipos[2] = "Atlético de Madrid"; 
arrayEquipos[3] = "Villarreal"; 
arrayEquipos[4] = "Athletic Club"; 
arrayEquipos[5] = "Celta de Vigo"; 
arrayEquipos[6] = "Sevilla"; 
arrayEquipos[7] = "Málaga"; 
arrayEquipos[8] = "Real Sociedad"; 
arrayEquipos[9] = "Real Betis"; 
arrayEquipos[10] = "Las Palmas"; 
arrayEquipos[11] = "Valencia CF"; 
arrayEquipos[12] = "Espanyol"; 
arrayEquipos[13] = "Eibar"; 
arrayEquipos[14] = "Deportivo de La Coruña"; 
arrayEquipos[15] = "Granada CF"; 
arrayEquipos[16] = "Sporting de Gijón"; 
arrayEquipos[17] = "Rayo Vallecano"; 
arrayEquipos[18] = "Getafe"; 
arrayEquipos[19] = "Levante";

No existe ninguna diferencia entre ambas formas de declaración. Las dos ocupan el mismo espacio en memoria y su uso es similar.

Cada posición de un array lleva un índice que nos permite obtener el valor de una posición concreta. Estos índices pueden ser alfanuméricos, lo cual significa que no tiene porqué ser un número entero, sino que puede ser una palabra o una letra también. Si no se especifica lo contrario, los arrays por defecto utilizan índices numéricos empezando por el 0.

Como hemos visto hasta ahora, un array sirve para almacenar un conjunto de valores. Estos valores pueden ser variables de todo tipo: números, letras, cadenas de texto… etc. Pero sin olvidar que los arrays también son variables. Entonces, ¿se pueden guardar arrays en un array? Aquí es donde aparecen los arrays multidimensionales. Un array multidimensional nos va a simplificar aún más el trabajo con volúmenes de datos más grandes.

Supongamos que, y siguiendo con el ejemplo anterior, queremos almacenar los puntos de cada equipo además del nombre. Como hemos hecho antes, vamos a ver las distintas formas de declararlo.

Asignando directamente el conjunto de valores

Copy to Clipboard

Asignando uno a uno cada valor

Copy to Clipboard

Igual que antes, ambas formas de declaración son totalmente válidas, pero podemos ver claramente que la cantidad de líneas utilizadas asignando uno a uno los valores es mayor a la de la asignación del conjunto directamente. Entonces si queremos tener un código optimizado, en este caso optamos por la primera forma.

Como puntualización final a los arrays multidimensionales, solamente citar que estos pueden alcanzar longitudes de hasta 4,29 billones de acuerdo con el estándar ECMA-262.

4.6 (92.73%) 11 votes