Javascript: Crear objetos para almacenar datos

Cuando programas en javascript -y en cualquier lenguaje- te pasas la vida almacenando datos en variables, debido a esto si no tienes cuidado terminas convirtiendo tu script en caos.

En los inicios de la web los scripts que tenía que programar eran muy pequeños para evitar subir demasiado el peso de la página, pero por un lado los anchos de banda han subido bastante y por otro los clientes demandan más y más funcionalidades.

¿Cómo podemos organizar esas variables para no acumular decenas y decenas de ellas? Pues una de las soluciones que yo utilizo son los objetos.

Un objeto no es más que una instanciación de una clase, como Date o String o Array, lo que vamos a hacer es crearnos nuestro objeto personalizado en el que almacenaremos los datos de manera organizada.

Aquí va un ejemplo:

function oListado(elementos)
{
   this.elementos = elementos;
   this.listadoItems = new Array(elementos);
   this.getItem = list_getItem;
   this.setItem = list_setItem;
}

// Creamos los métodos get y set

function list_getItem(element)
{
   return this.listitems(element);
}

function list_setItem(element, stringval)
{
   this.listitems(element);
}

 

var listado = new oListado(3);  // Instanciamos el objeto con el tamaño de 3 registros

listado.setItem(0,"Valor del listado nº1");
listado.setItem(1,"Valor del listado nº2");
listado.setItem(2,"Valor del listado nº3");

alert(listado.getItem(0)); // Mostramos el contenido de la primera celda dentro de una alerta

Con este ejemplo podremos tener un objeto, listado, en el que almacenaremos de una manera organizada todos los datos de cada uno de los elementos del mismo. Es parecido a un array, pero mucho más personalizable e intuitivo.