Como armazenar uma chave => matrizes de valor em javascript?

Existem várias maneiras de armazenar a chave => matrizes de valor em JavaScript. No entanto, a parte complicada é armazenar as chaves e valores de duas matrizes diferentes em um único elemento. E para aumentar seu enigma, a chave e o valor devem ser armazenados em tal esquema que buscar uma chave com seu respectivo valor é fácil. Isso reduz o número de métodos para alcançar a tarefa em questão para apenas dois. Os dois métodos mais promissores incluem o uso de Objetos e Mapas. Este artigo passará por esses dois métodos um por um.

Observação: Este artigo assumirá que as chaves e os valores são armazenados em diferentes matrizes, e o objetivo é armazená -las juntas e tê -las formatadas como "chave => valor" enquanto buscam.

Método 1: Usando objetos para armazenar a chave => matrizes de valor

Para demonstrar esse método, primeiro crie uma matriz -chave e uma matriz de valor com as seguintes linhas:

Var KeysArray = ["China", "Inglaterra", "Egito", "Finlândia", "Grécia"];
var valoresarray = ["Pequim", "Londres", "Cairo", "Helsinque", "Atenas"];

Depois disso, crie um objeto JavaScript vazio com a seguinte linha:

resultObj = ;

Depois disso, basta copiar as chaves e valores de sua matriz e adicioná -las no objeto usando as seguintes linhas:

para (var i = 0; i < keysArray.length; i++)
ResultObj [KeySarray [i]] = valoresArray [i];

Neste snippet de código acima:

• A para o loop é executado e suas iterações são iguais ao número de elementos dentro da matriz das teclas.
• Em cada iteração, um novo atributo de propriedade do objeto é criado e recebe o nome igual ao elemento dentro da matriz de chaves e seu respectivo valor da matriz de valor usando os mesmos valores de índice.

Depois disso, passe o ResultObj para a função de log do console para imprimi -lo no terminal:

console.log (resultObj);

A execução do código fornecerá a seguinte saída:

As chaves e valores são armazenados juntos, mas ainda não estão no “chave => formato”
Para exibi -los no formato correto, use as seguintes linhas de código:

para (x de objeto.chaves (resultObj))
console.log (x + "=>" + ResultObj [x]);

Neste snippet de código:

• Objeto.Método Keys () retorna as chaves do objeto em seu argumento um por um. As chaves estão sendo armazenadas dentro da variável “x”
• A concatenação da string é usada para formatar a saída do log do console como "chaves => valores"

A execução do programa agora produz o seguinte resultado:

A saída mostra que as chaves não são apenas armazenadas juntas, mas também formatadas da maneira correta.

Método 2: Usando mapas para armazenar a chave => matrizes de valor

Para demonstrar o uso de mapas para armazenar chaves e seus respectivos valores, crie duas matrizes com chaves e valores com as seguintes linhas de código:

Var KeysArray = ["China", "Inglaterra", "Egito", "Finlândia", "Grécia"];
var valoresarray = ["Pequim", "Londres", "Cairo", "Helsinque", "Atenas"];

O próximo passo é criar um mapa, para isso criar uma variável e defini -lo igual ao novo mapa () construtor como:

resultMap = new Map ();

Para adicionar valores a uma variável de mapa, existe esse método mapvar.definir(). Use esta função para adicionar teclas e seus respectivos valores:

para (i = 0; i < keysArray.length; i++)
ResultMap.set (keysArray [i], valoresarray [i]);

No trecho de código mencionado acima:

• A para loop é usado para iterar através do KeySarray e o ValualArray usando o comprimento do KeySarray.
• Em cada iteração, ResultMap.definir() O método é usado para armazenar a chave e o par de valores no mapa.

Depois disso, basta passar o ResultMap variável no terminal usando a função de log do console:

console.log (resultMap);

Este código produzirá a seguinte saída:

Está meio que no formato certo, mas inclui um pouco de informação extra. Para formatá -lo corretamente, use as seguintes linhas:

para (chave do resultado.chaves())
console.log (chave + "=>" + resultmap.obter (chave));

Neste snippet de código:

• ResultMap.O método Keys () retorna as chaves do mapa uma a uma para a variável -chave.
• ResultMap.o método get () é usado para obter o valor de uma chave específica.
• E na função de log do console, a concatenação da string é usada para formatar corretamente a saída.

A execução do código agora produz a seguinte saída no terminal:

A saída mostra que as chaves não são apenas armazenadas juntas, mas também formatadas da maneira correta.

Conclusão

No JavaScript, objetos e mapas são os dois elementos mais adequados para armazenar chaves e pares de valor, mesmo que a tarefa em questão seja para pegar chaves e valores de matrizes individuais e colocá -las dentro de uma única entidade. Posteriormente, sempre que o usuário estiver tentando obter chaves e seus respectivos valores, eles podem ser facilmente formatados no formato "key => value" usando concatenação simples de string em javascript.