Trabajando con arrays

El objeto Array de JavaScript es un objeto global que es usado en la construcción de arrays, que son objetos tipo lista de alto nivel.
Los arrays son uno de los tipos que javascript maneja y nos permite administrar colecciones de objetos.

Cómo utilizar los arrays

ver archivo "arrays.js"

Para crear un array podemos hacer lo siguiente:

  • Para crear un nuevo array vacío lo hacemos de la siguiente forma: var array = [];
  • Si bien podemos utilizar new para crear un nuevo array de la siguiente forma: var array = new Array();, se recomienda no utilizar esta nomenclatura para evitar complejizar la lectura o llegar a comportamientos indeseados.
  • Si lo que deseamos es crear un nuevo array inicializado con los valores que queremos, debemos hacerlo de la siguiente forma: var arrayNumeros = ["uno", "dos", "tres"];


Agregar, acceder y quitar elementos de un array

ver archivo "arrays.js"

Una vez que tenemos un array las primeras acciones que necesitaremos hacer será adicionar elementos, acceder a dichos elementos y eliminar elementos de las colecciones. Para realizar las acciones descriptas tenemos funcionalidades en javascript que exponen los comportamientos según se detalla a continuación:

  • Partimos de la premisa que se creo una nueva variable de la siguiente forma: var frutas = [];
  • Podemos adicionar nuevos elementos al array frutas utilizando el método push(nuevoElemento). En este ejemplo podríamos adicionar una fruta de la siguiente forma : frutas.push("manzana");
    Realizando dicho push, al final de la colección adicionamos el elemento "manzana".
  • Si queremos acceder a los elementos de un array podemos hacerlo accediendo directamente a la posición del elemento que queremos visualizar, teniendo en cuenta que el índice se calcula como zero-based (esto quiere decir que comienza desde cero). Por ejemplo, para acceder al primer elemento de la colección de frutas podemos hacerlo de la siguiente forma var primerElemento = frutas[0];
    Si se intenta acceder por índice a un elemento que no existe en el array esto retornará undefined.
    Por ejemplo, si hacemos var sinElemento = frutas[200]; la variable sinElemento tendrá el valor undefined.
  • Si lo que se quiere es iterar por los elementos dentro de un array se pueden utilizar las estructuras de loop for.
    Podemos utilizar una estructura de for clásico como la siguiente:

    O bien podemos utilizar una estructura de javascript del tipo for-of:
  • Otra forma disponible para acceder a los elementos de un array es a través de la función pop(). La función pop de javascript permite extraer de un array el último elemento de la colección, con lo que no solo obtenemos una referencia del elemento, sino que éste es removido del array.
    En el siguiente código la variable elemento tiene el valor que tenía el último elemento que existía en el array al mismo tiempo que fue removido del mismo.
    var elemento = frutas.pop();





Elementos que contiene el array frutas: