Pseudo base de datos con Javascript

Problema:

Usar una base de datos desde Javascript
¿Como lograr construir una base de datos con Javascript? Javascript permite que las páginas web puedan modificarse de forma dinámica, logrando así que su contenido pueda variar en ciertas condiciones, por ejemplo podemos hacer que aparezca la fecha del día, o que aparezca una imagen en función de la época del año, etc. En ocasiones estos datos variables no son tan previsibles, por ejemplo: podemos hacer que en la página aparezca el precio de un artículo pedido por el visitante, precio que debemos leer de una base de datos, pero Javascript no tiene elementos de consulta de bases de datos como tienen Perl, PHP o ColdFusion, y además es un lenguaje cuyos programas se ejecutan en el ordenador del visitante.

Solución

Crear la base de datos con el objeto array 

Si no quieres usar localstorage, lo más parecido a una base de datos que nos ofrece Javascript es el objeto Array.

Mediante un array podemos construir listas en las que es fácil realizar una búsqueda y leer el contenido para mostrarlo en la página.

No es, por supuesto, una verdadera base de datos pero es suficiente para aquellos casos en que los datos no son excesivos y no van a ser modificados por los usuarios.

Recordemos que Javascript funciona en el ordenador del visitante y los datos de esta pseudo base deben ser enviados a ese ordenador, por eso no debemos usar arrays con un número muy elevado de elementos. Y además el array existe mientras se está ejecutando el script que lo use, por lo que las modificaciones que se hagan durante la ejecución del script no quedan almacenadas en ningún sitio.

Ejemplo

Una lista de precios de artículos en una tienda puede ser un ejemplo muy simple para ilustrar este uso de los Arrays. En este ejemplo el array simplemente se usa para soportar una lista de artículos y de sus precios:

articulos = new Array( )
articulos[0] = new Array(2);
articulos[0][0] = "Discos CD grabables"
articulos[0][1] = "0.5 € ";

articulos[1] = new Array(2);
articulos[1][0] = "Discos CD regrabables";
articulos[1][1] = "2 € ";


Como ves en este caso cada elemento del Array articulos es a su vez otro Array de dos elementos: uno para el nombre y otro para el precio. Para disponer de más artículos y sus precios seguiríamos añadiendo elementos al array articulos y si queremos que cada artículo posea más características usaríamos Arrays de mayor longitud para los elementos de articulos:

articulos[1] = new Array(3);
articulos[1][0] = "Discos CD regrabables";
articulos[1][1] = "2 € ";

articulos[1][2] = "ref00012";

Ahora cada artículo tiene tres propiedades: nombre, precio y referencia.

scripts