menú
¿Música de YouTube sin molestos comerciales? ¡Ahora es posible!
TubeFiesta es una aplicación que te permite reproducir música de YouTube como un reproductor tradicional.
Crear listas, reproducción aleatoria, repetir, y hasta exportar el video a otra pantalla.
Conocer más Ir a tfiesta.com

Arreglos clave y valor en JavaScript

Publicado el 16/10/2013 | 5338 visitas

Al igual que los diccionarios en C# y VB.NET, en JavaScript podemos almacenar información en memoria de una manera muy ágil creando arreglos con clave y valor o "arreglos asociativos".

Para quienes no saben de que hablo se trata de guardar una lista de objetos (valores) asociada a un índice único (llave) con la cual podemos obtener dichos valores en un futuro.

Algo así:

diccionario clave y valor javascript

Como en la imagen anterior es posible almacenar una lista de nombres de clientes asociados a una cédula, de esta manera podemos consultar el nombre sin tener que realizar una búsqueda por toda la lista. Veamos un ejemplo en C#:

//Creamos el diccionario
Dictionary<int,string> misclientes = new Dictionary<int,string>();

//Llenamos el diccionario con algunos datos
misclientes.Add(1111, "Edwin");
misclientes.Add(2222, "Samuel");
misclientes.Add(3333, "Daniela");

//Obtenemos un elemento (valor) por medio de su clave
int cedulaCliente = 2222;
string nombreCliente = misclientes[cedulaCliente];

//nombreCliente será igual a "Samuel"

Como ven, es muy sencillo de entender. Pero ahora sí, veamos:

Cómo se hace el diccionario en JavaScript?

Como ya te imaginarás, la implementación del diccionario en Javascript es mucho más sencilla que en C#

Primero iniciaremos definiendo un Arreglo común

var misclientes = new Array();

Sin definir tipos de datos ni siquiera indicarle que será un arreglo diferente asignaremos los valores de la siguiente manera:

misclientes[1111] = "Edwin";
misclientes[2222] = "Samuel";
misclientes[3333] = "Daniela";

Y como ya lo imaginarán, se obtienen los valores igual que en el lenguaje c#

var nombreCliente = misclientes[2222];
//Magicamente nombreCliente deberá tener "Samuel"

Cómo eliminar elementos especificos?

Si necesitas eliminar un elemento por su clave lo haces así:

delete misclientes[1111];
//Se borrará de la lista el cliente "Edwin"

Para conocer mucho más sobre arreglos en Javascript mira aquí

Saludos

Talvez te interese...

[Truco] Contar caracteres en Google Chrome
Crear un Wizard con AngularJS
Flashes de cámara con JQuery
Lluvia de colores con JQuery
blog comments powered by Disqus