Estructuras de datos en javaScript (ARRAY)

¿QUÉ ES UN ARRAY?

A estas alturas ya conocemos la importancia del manejo de datos en programación, sabemos crear y nombrar variables, asignarles un valor e incluso aplicar sobre ellos operaciones. Llegados a este punto es interesante hacer un acercamiento a las estructuras compuestas de datos, en concreto, los arrays.

Un array (también llamado matriz o vector) es un conjunto de datos relacionados que están almacenados en pequeñas dependencias llamados índices, podemos visualizarlo como un mueble con varios cajones, donde existe algo almacenado en cada uno de ellos.

Nada mejor que una imagen para visualizarlo:

Existen más estructuras de datos útiles, como los árboles o las listas. Los array se usan especialmente cuando almacenamos información a la que accederemos de manera aleatoria/impredecible.

DEFINICIÓN DE UN ARRAY

Definimos un array de los siguientes modos:

Instanciando la clase Array (Array denso):

const misCoches = new Array(); //Creación de un array vacío
misCoches[0] = "Seat";
misCoches[1] = "Toyota";

//Podemos crear un array de un tamaño determinado:

const misMotos = new Array(5);

//De este modo el array dispondrá de todos los índices ya creados, su valor es "undefined".
//También es posible definir directamente el array:

const misCoches = new Array("Seat",""Toyota");

Definición del dataset en la declaración (Array literal):

const misCoches = ["Seat", "Toyota"];

//Es posible también modificar el array una vez creado
misCoches[2] = "Opel";

Existe también el array mixto, que permite la definición de los índices:

const misVehiculos = {"coche1" : "seat", "coche2" : "Toyota", "moto1" : "Subaru"};

//A este array podríamos acceder del siguiente modo:
var resultado = misVehiculos["moto1"];

En javascript, la definición de un tamaño de array no es algo importante debido a que siempre será posible modificarla en un futuro, si por ejemplo, tenemos un array de 20 espacios, y añadimos un elemento al espacio 32, el array pasará a tener una longitud de 33 (recuerda que en programación los contadores comienzan en el 0).

CONSULTAS SOBRE UN ARRAY

Podemos consultar parámetros como la longitud actual de un array del siguiente modo:

const misCoches = new Array(10);

var longitud = misCoches.length; //La longitud será 10

FUNCIONES ÚTILES DE ARRAYS

los arrays disponen de muchas funciones que facilitan enormemente el trabajo con ellos, se invocan del mismo modo que el ya visto «nombrearray.length».

Un buen ejemplo es la función «contains» que evalúa si un elemento existe en el array.

const misCoches = ["Seat","Toyota"];

//El siguiente código mostrará por pantalla un "true", dado que se cumple la condición.

alert(misCoches.includes("Seat"));

Del mismo modo, existen numerosos índices de Funciones que podemos consultar:

La página de la W3C (responsables de los estándares que aplican a JS) dispone de una amplia sección destinada a profundizar en los métodos de los arrays -> consultar.

ARRAYS MULTIDIMENSIONALES

Es posible que un array almacene más arrays en su interior, hablamos entonces de un array multidimensional.

const misCoches = ["Saab", "Volvo", ["black Dacia","red Dacia","blue Dacia","green Dacia"]];

//Para acceder a un índice de un array interno debemos hacerlo con una declaración doble de índice:
var resultado = misCoches[2][2] //Esto asignará a la variable resultado : blue Dacia.

A modo de curiosidad, cuando trabajamos con javascript, tratamos los objetos del HTML relativo como si fuesen elementos de un array, es decir, si hay varios enlaces dentro del documento accederemos a ellos a través de su índice:

document.links[0]; //Accede al primer enlace del HTML