JavaScript Associative Array | Explicado

Matrices asociativas Servir como base para el idioma JavaScript. Todo en JavaScript se conoce como un objeto, o es más correcto decir que todo lo declarado en JavaScript es una matriz asociativa. Por ejemplo, un nuevo objeto que crea en JavaScript es una matriz asociativa, y para generar otras estructuras de datos de JavaScript, debe comenzar con una matriz asociativa.

Este artículo explicará el funcionamiento de las matrices asociativas en JavaScript. Entonces, comencemos!

JavaScript Associative Array

Una matriz asociativa de JavaScript se considera una colección de llaves. Estas claves están asociadas con sus respectivas valores De tal manera que cuando la clave se pasa a la matriz, devuelve el valor correspondiente. Ese es el término "asociación"Significa.

Las matrices asociativas en JavaScript se consideran como "Objetos,"No son matrices normales. Es por eso que solo se asignan los métodos y propiedades relacionadas con los objetos.

Cómo crear JavaScript Associative Array

Para crear una matriz asociativa de JavaScript, debe seguir la sintaxis dada a continuación:

var array = key1: 'value1', key2: 'value2'

Aquí, "formación"Es una matriz asociativa que comprende"llave1" y "llave2"A medida que se indexa la cadena con sus valores respectivos como"valor1" y "valor2".

Por ejemplo, crearemos una matriz de JavaScript llamada "empleado"Tener dos llaves", "Nombre de empleado" y "Edad". El "valor" del "Nombre de empleado"La tecla está configurada en"Alex" y es "Edad" como "25":

Var Empleado =
"Nombre del empleado": 'Alex',
"Age": 25
;

Así es como creas una matriz asociativa de JavaScript.

Cómo calcular la longitud de JavaScript Associative Array

JavaScript Associative Array no es una matriz normal; Por lo tanto, no podemos utilizar un objeto de matriz "longitud"Atributo para ver su longitud.

Para calcular la longitud de la matriz asociativa, tenemos que crear un "Objeto.tamaño()" función. El "Objeto.tamaño()"La función iterará a través de la"llaves"De la matriz asociativa y usa el"hastawnproperty () " El método es verificar la existencia de claves en él. En caso de que la condición adicional se evalúa como "verdadero", Entonces el tamaño de la matriz se incrementará, que inicialmente se estableció en"0":

Objeto.size = function (array)
tamaño var = 0;
for (clave var en la matriz)
if (matriz.HasnownProperty (clave))
tamaño ++;

tamaño de retorno;
;

A continuación, invocaremos el "Objeto.tamaño() ”Método para verificar la longitud de la matriz asociativa JavaScript creada:

Var longitud = objeto.tamaño (empleado);
consola.log ("La longitud de la matriz de empleados es:" + longitud);

Como puede ver en la salida, la longitud del "empleado"La matriz asociativa es"2":

Del mismo modo, también puedes usar el "Objeto.llaves()Método para calcular la longitud de una matriz asociativa:

consola.log ("La longitud de la matriz de empleados es:" + Objeto.claves (empleado).longitud);

Producción

Cómo recuperar los valores de JavaScript Associative Array

En una matriz asociativa, puede recuperar los valores de las claves agregadas usando "para" bucle:

para (clave var en el empleado)
var valor = empleado [key];
consola.log (clave + "=" + valor + ");

El anterior "para"Loop iterará a través del"empleado"Valores de matriz y búsqueda de claves adicionales:

Cómo convertir la matriz asociativa de JavaScript en una matriz normal

Desea convertir la matriz asociativa de JavaScript en una matriz normal? Para hacerlo, invoca el JavaScript "mapa()" función. La función map () devolverá una matriz normal de llamar a la función para cada clave "k" del "empleado"Matriz asociativa:

Elementos var = objeto.claves (empleado).map (función (k)
Empleado de regreso [k];
)
consola.registro (elementos);

La matriz recién creada colocó los valores del "empleado"Clave en los índices secuenciales 0 y 1:

Eso fue todo sobre JavaScript Associative Array. Antes de terminar, revisemos la diferencia entre una matriz asociativa y una matriz normal en JavaScript.

Diferencia entre la matriz normal y la matriz asociativa en JavaScript

Eche un vistazo a la siguiente tabla para comprender la diferencia entre la matriz normal y la matriz asociativa en JavaScript:

Matriz normal	Matriz asociativa
Se declara una matriz normal usando un aparato ortopédico rizado "[]."	Se crea una matriz asociativa usando soportes cuadrados "".
En una matriz normal, se accede a valores usando "índices".	En una matriz asociativa, se accede a los valores utilizando "llaves".
Una matriz normal comprende valores ordenados basados ​​en sus índices.	Una matriz asociativa comprende valores desordenados basados ​​en sus claves.
Las teclas de matriz normales son de los "número" tipo.	Las teclas de matriz asociativa pueden ser de cadena o número tipo.
Ejemplo: var empleado = ["Alex", 25];	Ejemplo: Var Empleado = "Nombre del empleado": 'Alex', "Age": 25 ;

Hemos compilado la información esencial relacionada con la matriz asociativa de JavaScript. Explorarlo de acuerdo con sus preferencias.

Conclusión

Una matriz asociativa de JavaScript se considera una colección de claves. Estas claves están asociadas con sus valores respectivos de tal manera que cuando la clave se pasa a la matriz asociativa, devuelve el valor correspondiente. Las matrices asociativas en JavaScript se consideran objetos, no matrices normales; Es por eso que solo los métodos y propiedades relacionados con los objetos se asignan a una matriz asociativa. Este artículo explicó matrices asociativas de JavaScript.