Cómo almacenar una clave => matrices de valor en JavaScript?

Cómo almacenar una clave => matrices de valor en JavaScript?

Hay múltiples formas de almacenar matrices de valor => Valor en JavaScript. Sin embargo, la parte difícil es almacenar las teclas y los valores de dos matrices diferentes en un solo elemento. Y para agregar a su truco, la clave y el valor deben almacenarse en un esquema de este tipo que alcanzar una clave con su valor respectivo es fácil. Esto reduce el número de métodos para lograr la tarea en cuestión a solo dos. Los dos métodos más prometedores incluyen el uso de Objetos y Mapas. Este artículo pasará por ambos métodos uno por uno.

Nota: Este artículo asumirá que las claves y los valores se almacenan en diferentes matrices, y el objetivo es almacenarlos y hacer que se formateen como "clave => valor" mientras se obtiene.

Método 1: Uso de objetos para almacenar matrices de valor => Valor

Para demostrar este método, primero cree una matriz clave y una matriz de valor con las siguientes líneas:

var keysArray = ["China", "Inglaterra", "Egipto", "Finlandia", "Grecia"];
var valoresArray = ["Beijing", "Londres", "El Cairo", "Helsinki", "Atenas"];

Después de eso, cree un objeto JavaScript vacío con la siguiente línea:

resultadoBJ = ;

Después de eso, simplemente copie las teclas y valores de su matriz y agréguelos en el objeto usando las siguientes líneas:

para (var i = 0; i < keysArray.length; i++)
resultado

En este fragmento de código anterior:

  • Se ejecuta un bucle para el bucle y sus iteraciones son iguales al número de elementos dentro de la matriz de teclas.
  • En cada iteración, se crea un nuevo atributo de la propiedad del objeto, y se le da el nombre igual al elemento dentro de la matriz clave y su valor respectivo de la matriz de valor utilizando los mismos valores de índice.

Después de eso, pase el resultado a la función de registro de la consola para imprimirla en el terminal:

consola.log (resultBj);

Ejecutar el código proporcionará la siguiente salida:

Las claves y los valores se almacenan juntos, pero aún no están en el "clave => formato"
Para mostrarlos en el formato correcto, use las siguientes líneas de código:

para (x de objeto.llaves (resultObj))
consola.log (x + "=>" + resultObj [x]);

En este fragmento de código:

  • Objeto.El método Keys () Devuelve las teclas del objeto en su argumento uno por uno. Las teclas se almacenan dentro de la variable "X"
  • La concatenación de cadena se usa para formatear la salida del registro de la consola como "Keys => Valores"

La ejecución del programa ahora produce el siguiente resultado:

La salida muestra que las teclas no solo se almacenan juntas, sino que también se formatean de la manera correcta.

Método 2: Uso de mapas para almacenar la tecla => matrices de valor

Para demostrar el uso de mapas para almacenar claves y sus valores respectivos, cree dos matrices con claves y valores con las siguientes líneas de código:

var keysArray = ["China", "Inglaterra", "Egipto", "Finlandia", "Grecia"];
var valoresArray = ["Beijing", "Londres", "El Cairo", "Helsinki", "Atenas"];

El siguiente paso es crear un mapa, para esto crear una variable y establecerlo igual a nuevo mapa () constructor como:

resultMap = new Map ();

Para agregar valores a una variable de mapa, existe este método mapvar.colocar(). Use esta función para agregar claves y sus respectivos valores:

para (i = 0; i < keysArray.length; i++)
mapa de resultados.set (keySArray [i], valoresArray [i]);

En el fragmento de código mencionado anteriormente:

  • A For Loop se usa para iterar a través de KeysArray y el ValuesArray utilizando la longitud de KeysArray.
  • En cada iteración, mapa de resultados.colocar() El método se utiliza para almacenar la clave y el par de valores en el mapa.

Después de esto, simplemente pase el mapa de resultados variable en el terminal utilizando la función de registro de la consola:

consola.log (resultMap);

Este código producirá la siguiente salida:

Es una especie de formato correcto, pero incluye un poco de información adicional. Para formatearlo correctamente, use las siguientes líneas:

para (clave de resultados de resultados.llaves())
consola.Log (clave + "=>" + ResultMap.obtener la clave));

En este fragmento de código:

  • mapa de resultados.El método Keys () Devuelve las teclas del mapa uno por uno a la variable de teclas.
  • mapa de resultados.El método get () se utiliza para obtener el valor de una clave específica.
  • Y en la función de registro de la consola, la concatenación de cadena se usa para formatear correctamente la salida.

La ejecución del código ahora produce la siguiente salida en el terminal:

La salida muestra que las teclas no solo se almacenan juntas, sino que también se formatean de la manera correcta.

Conclusión

En JavaScript, los objetos y los mapas son los dos elementos que son más adecuados para almacenar claves y pares de valor, incluso si la tarea en cuestión es tomar claves y valores de matrices individuales y colocarlos dentro de una sola entidad. Posteriormente, cada vez que el usuario intenta obtener claves y sus valores respectivos, puede formatearse fácilmente en formato "Key => Value" mediante la concatenación de cadena simple en JavaScript.