Arrays asociativos en JavaScript

Arrays asociativos en JavaScript


Arrays asociativos en JavaScript

Un array asociativo es un array cuyos índices no son numéricos sinó cadenas de texto (claves). En JavaScript no existen realmente arrays asociativos pero podemos simularlos creando objetos y accediendo a sus propiedades.

Como declaramos un array asociativo

Se utilizan llaves {} para generar el array de elementos clave:valor. Podemos añadir elementos de dos maneras

var coche = new Array();
coche["color"] = "rojo";
coche["marca"] = "seat";
coche["modelo"] = "leon";
var coche = {"color":"rojo","marca":"seat","modelo":"leon"};

Al igual que en los arrays indexados, en los asociativos podemos guardar datos de distinto tipo.

var coche = {"color":"rojo","CV":100,"AC":true};

En los ejemplos anteriores hemos usado comillas para escribir el valor, pero también es válido de esta forma

var coche = {color:"rojo",CV:100,AC:true};

Acceder a los valores de un Array asociativo

En los arrays indexados accedemos con el índice o la posición dentro del array. En los arrays asociativos accedemos con la clave

var coche = {color:"rojo",CV:100,AC:true};
//Accedemos al dato color del array coche
var dato = coche["color"];
//dato ahora vale: rojo

Para recorrer un array asociativo usaremos el bucle for in

//Array asociativo
var coche = {color:"rojo",CV:100,AC:true};
//Recorremos el array con un for each
for(var clave in coche) {
    document.write(clave+": " +coche[clave]);
}

Si te ha gustado no olvides compartir en redes sociales.

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Translate »
Ir a la barra de herramientas