Arrays

Un Vector o Array es una variable que contiene más de un dato almacenado. Son muy útiles para automatizar cálculos y procesos.

Tipo de Datos en Arrays

En el caso de JavaScript, estos datos pueden ser de distinto tipo.

Mencionamos que solo sucede con JS porque en otros lenguajes, un array solo puede almacenar datos del mismo tipo. Es decir, un array de enteros solo contiene números enteros o un array de cadena solo puede guardar texto.

Sin embargo, en JS los Array no tienen tipo. Por ejemplo,

 var misDatos = ['Azul', 46, false, 'a', -9.25, true, 0.33, 'variado']; 

Allí podemos notar que el elemento de “índice cero” es de tipo texto (Azul), mientras que el siguiente es numérico (46) y el sucesivo booleano (false), y así va cambiando a medida que recorremos el array.

Por supuesto, esto puede variar según la necesidad, puede que en una ocasión necesitemos un vector de un solo tipo o puede suceder que necesitemos un vector que contenga elementos de variados.

Elemento Undefined

En relación a los elementos que contiene un array, estos también pueden ser del tipo undefined/indefinido.

En este caso, cuando imprimimos en pantalla, el contenido de una posición especifica que no ha sido previamente definida mostrará la palabra “undefined”. Ahora bien, la intención de este tipo de vector es añadirle contenido posteriormente.

Propiedad Length

La propiedad Length en un vector sirve para indicar el número máximo de elementos que contendrá (indiferentemente de que tengan contenido o no)

Práctica

Como es bien sabido la práctica es un maestro excepcional.

Por ello, en vista de que la mejor manera de entender toda la teoría es comenzar a escribir código, te invitamos a probar lo siguiente en la aplicación que sueles utilizar para programar:

·         Inicializando array

var juegos; // declaración de variable

// inicialización de variable y asignación de valores
juegos = ['futbol','baloncesto','tenis'];

// También podemos hacerlo en la misma línea
var juegos = ['futbol','baloncesto','tenis'];

// Lo mismo sucederá si usamos la notación de objeto Array
var juegos = new Array('futbol','baloncesto','tenis');

Lo que hemos hecho es declarar un array de tres elementos.

Cada elemento posee un índice que indica su posición, el cual siempre comenzará en 0.

Es importante señalar que siempre debemos declarar explícitamente cuando una variable es un array, de lo contrario nos producirá un error en el código. Por ende debemos evitar escribir lo que sigue:

var juegos; // declaración de variable

juegos[0] = futbol;
/* si empezamos a usar índices sin declarar 
que juegos es un array nos producirá un error*/

·         Mostrando resultado en pantalla

Para mostrar el contenido de tu array escribe la sentencia que mostramos a continuación y ejecuta el programa:

 console.log(juegos); 

Y en caso de necesitar algún elemento en específico puedes utilizar esta otra sentencia:

var mostrarElemento = juegos[1];

console.log(mostrarElemento);
// Imprimirá en pantalla el segundo elemento del vector: baloncesto

Como ya hemos mencionado el índice de todo array comienza en 0, de manera que el juego posicionado en el índice número 1, viene siendo baloncesto.

Recuerda que el nombre de las variables las colocas a tu gusto, pero siempre teniendo en cuenta las reglas de sintaxis.

·         Array vacío

Lo que haremos ahora será crear un vector totalmente vacío.

var arrayVacio = [];

var arrayVacio = new Array();

Ambas sentencias sirven para crearlo.

Y para añadirle valor cuando lo veamos preciso, solo escribimos el nombre de la variable, el índice y el dato.

arrayVacio[5] = 'Programacion';

console.log(arrayVacio);

Al imprimir en pantalla notarás que mostrará que las primeras ubicaciones están vacías

[5 empty items, 'Programacion']

Esto sucede porque en estas posiciones no hemos añadido ningún dato.

No obstante, cuando buscamos un elemento en específico arrojará la palabra “undefined”.

var arrayVacio = [];

console.log(arrayVacio[3]);

Esto incluso sucede cuando intentemos buscar un elemento de índice 15 cuando la realidad es que el array creado es de tan solo 10 elementos; en este caso, en lugar de producir error como sucedería en otros lenguajes, imprime “undefined” y continúa la ejecución del programa.

·         Definiendo el máximo

var cantMax = [];

cantMax[15] = 'Programacion';

console.log(cantMax);
// devolverá 16 elementos ya que incluye el elemento 0

Ejemplo práctico de uso de Arrays

Supongamos que queremos mostrar los meses del año.

Bien podríamos declarar una variable por cada mes.

var mes1 = ‘enero’;

var mes2 = ‘febrero’;

var mes3 = ‘marzo’;

Pero es contraproducente, pues estamos creando variables totalmente diferentes que no tienen relación entre sí.

En cambio, al crear un vector, estaremos asignando a una sola variable los diferentes meses del año.

var mes = [,'enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];

El primer elemento no le asignamos valor para evitar confusión, por el hecho de que no existe el mes 0.

De este modo, cuando tengamos que recorrer los meses del año podemos automatizarlo usando únicamente el índice.

console.log(mes[7]); // imprimirá el mes 7 – julio

Resumen

• Tanto la longitud como el tipo de elemento que introduzcamos puede variar en cualquier momento.
• Los datos pueden ser almacenados en posiciones diversas, no necesariamente tienen que ser adyacentes o contiguas.
• Un array puede contener espacios vacíos que pueden ser llenados luego.
• Y por último, cabe destacar que JS también permite que algún elemento del array sea un objeto o inclusive otro array, pero esto es un tema más complejo que por el momento no profundizaremos.