Manejo de Arrays

Creacion de Arrays en Javascript

Como hemos visto un array o arreglo es una estructura de datos que permite almacenar elementos y luego acceder a los mismos por medio de subíndices.

Recordemos que Javascript administra los array mediante un objeto especializado llamado Array.

Un array puede almacenar en sus componentes elementos de datos distintos y su tamaño puede crecer a lo largo de la ejecución del programa.

Tenemos muchas formas de inicializar un array en Javascript según nuestra situación particular, veamos con ejemplos diferentes formas:

Creación de un array sin elementos:

Otra sintaxis para crear un array sin elementos:

Creación de un array indicando la cantidad de componentes iniciales que podrá almacenar:

Creación e inicialización llamando al constructor Array y pasando como parámetros los valores a almacenar en las componentes:

Creación e inicialización de un array utilizando los corchetes:

Para probar las distintas formas de creación de array implementaremos un programa que cree 5 Array, cargue algunos elementos y muestre la primer componente de cada uno de ellos:

Todos los vectores donde almacenamos en forma contigua todos sus elementos son llamados array densos. Los arrays almacenan los elementos siguiendo esta premisa tiene como ventaja poder acceder a sus elementos mediante una estructura repetitiva disponiendo el contador del for como subíndice. Una propiedad de suma utilidad trabajando los vectores sin dejar subíndices sin utilizar es la propiedad length. La propiedad length almacena la cantidad de componentes que tiene el vector.

Crear un vector vacío. Mediante una estructura repetitiva solicitar la carga de elementos por teclado hasta que se ingrese el cero. No almacenar dicho valor en el vector. Luego sumar todas las componentes del vector, mostrar dicha suma y el tamaño del vector.

Definimos un vector vacío:

Creamos una estructura repetitiva do/while que se ejecutará hasta que ingresemos en la variable valor el cero:

Cada vez que se ingresa un valor distinto a cero se lo asignamos a una componente del vector y para que ocupen posiciones consecutivas definimos un contador llamado indice que se inicializa en cero

Cuando salimos del do/while mostramos el atributo length del vector y sumamos sus componentes para mostrar dicho acumulador.

Hasta ahora siempre que inicializamos los array no dejamos espacios sin utilizar. Javascript permite crear array e inicializar componentes no contiguas.

Por ejemplo podemos crear un vector e inicializar las componentes con subíndice 5 y 10:

Este tipo de array se los llama array dispersos ya que no tenemos todas las componentes contiguas ocupadas. Veamos con un ejemplo que pasa con la propiedad length y cuando accedemos a componentes que no existen en el vector:

Si ejecutamos este programa la salida en la página será:

Como podemos ver el atributo length almacena teniendo en cuenta la posición más grande asignada (en nuestro ejemplo vec[10])

Por otro lado cuando accedemos a componentes no inicializadas obtenemos el valor "undefined".

Es bueno tener en cuenta que las componentes no inicializadas no reservan espacio en memoria, luego si asignamos como subíndice el dni de una persona:

no significa que se reservan más de veinte millones de componentes para los otros elementos del vector. La reserva de espacio sucede a medida que ocupamos espacios del vector.

Ingresar por teclado un nro de cliente y el monto a depositar. Almacenar en un vector, utilizar como subíndice el nro de cliente y almacenar el monto depositado. Sumar todos los depósitos recorriendo el vector e identificando las componentes cargadas (es decir las que tienen un valor distinto a null). Imprimir la suma total depositada y la cantidad de clientes que depositaron.

Como vemos el do/while finaliza cuando ingresamos un 0, cuando ingresamos en la variable nro un valor distinto a cero procedemos a almacenar en el vector en la posición indicada por nro el valor cargado en monto:

Cuando sale del do/while mediante un ciclo for analizamos cada una de las componentes posibles del vector verificando si el valor es distinto a undefined (es importante notar que debemos utilizar el operador relacionar !== en lugar de != ya que no funcionaría cuando una componente almacene null):

Métodos push y pop

Como los Array en Javascript son objetos, los mismos tienen una serie de métodos que nos facilitan trabajar con ellos.

Push

El método push () agrega nuevos elementos al final de un array y devuelve la nueva longitud.

Nota: Los nuevos elementos se agregarán al final de la matriz y tambien este método cambia la longitud de la matriz.

Para insertar elementos en un vector hemos visto que con solo asignar un valor al vector en un determinado índice el dato queda almacenado y eventualmente el atributo length modificado:

Esta sintaxis tenemos que tener cuidado como variamos el subíndice para no dejar componentes vacías si queremos implementar un array denso.

Una variante para resolver este mismo problema es utilizar el método push del objeto Array. Este método añade el valor al final del vector:

Automáticamente cuando llamamos al método push el valor que le pasamos en el parámetro se almacena en el vector y se incrementa el atributo length.

Podemos inclusive llamar al método push pasando más de 1 parámetro:

Pop

El método pop () elimina el último elemento de un array y devuelve ese elemento.

Nota: este método cambia la longitud de una matriz.

El método inverso llamado pop extrae el último elemento del Array y decrementa en uno el atributo length: 

El método pop() además de eliminar el último elemento del vector retorna el valor almacenado en dicha componente. Si llamamos al método pop y el vector está vacío retorna el valor undefined.

Ejemplo