Como criar um dicionário em JavaScript com pares de valor-chave?

Na maioria das vezes, os bancos de dados são usados ​​para armazenar uma grande quantidade de dados para usá -los posteriormente ou para salvar o estado do aplicativo, mas é necessário armazenar os dados localmente dentro do código para usá -lo posteriormente. Portanto, as linguagens de programação têm alguns tipos de dados padrão que são realmente úteis para alcançar essa funcionalidade sem usar o banco de dados.

Necessidade de pares de valor-chave

Portanto, para esse fim, o JavaScript usa matrizes e objetos para armazenar alguns registros dentro do código. Ao contrário de outras linguagens de programação, o JavaScript não tem tipo exato de ser chamado de dicionário, mas tem um tipo diversificado que é chamado de objeto em javascript. O objeto de JavaScript é bastante flexível, pois você pode usá -lo dinamicamente onde quiser. Na maioria das vezes, os objetos são amplamente utilizados para os dados, pois podem ser facilmente utilizados posteriormente no código.

Objeto

Os objetos também são os mesmos que os dicionários em outras linguagens de programação, pois os objetos também consistem nos pares de valor-chave e os dicionários também são baseados nessa estrutura de formação de pares de valor-chave. Você pode atribuir uma chave contra um valor específico para acessá -lo mais tarde.

Neste artigo, vamos ver como podemos criar dicionários em javascript e como podemos manipular facilmente alguns dados neles com a ajuda de alguns exemplos.

Como criar um dicionário/objeto em javascript

Como os dicionários não são os tipos de dados tradicionais de JavaScript, portanto, nós os usamos da mesma maneira de criar os dicionários à medida que declaramos os objetos e inicializamos alguns valores para eles.
Vamos dar um exemplo para criar o objeto.

Exemplo

deixe myfirstObject = new Object ();
// ou o caminho abreviado
Deixe myfirstObject =
primeiro nome: 'mark',
LastName: 'Fonso',
Idade: 20

console.log ('O tipo da variável é:', tipoof (myFirstObject) 'e seus valores são:', myfirstObject)

Existem duas maneiras básicas pelas quais você pode criar um objeto em JavaScript, o primeiro é declarando o nome do objeto que em nosso caso é “myfirstObject”E depois criando sua instância, inicializando um novo objeto ().

A segunda maneira é considerada como um método abreviado que é simplesmente declarar o nome do objeto e atribuir alguns pares de valor-chave para fazer o intérprete entender que sim é um objeto.

Saída:

Aqui você pode ver que o tipo de objeto é objeto, pois eu disse que não existe um tipo de dados tradicional chamado objeto, portanto, os objetos JavaScript são tratados como objetos em alguns casos.

Vamos dar outro exemplo de criação de um novo objeto no exemplo abaixo

Exemplo

Deixe o Expobject =
primeiro nome: "John Doe",
"Ten": 10,
10: "Qualquer número inteiro",
"Experiência": 0
;
console.log ('type:', typeof (expobject), '\ n', 'valores:', expobject)

Aqui no exemplo acima, criamos e inicializamos um novo objeto com o nome Expobject e o console o registrou no terminal enquanto verifica seu tipo de dados e exibia os valores dentro dele.

Como você pode ver na tela de saída acima, o tipo está sendo exibido como um objeto enquanto seus valores também estão sendo exibidos no terminal de saída como esperávamos.

Atribuindo valores às chaves do objeto

Criamos com sucesso nosso objeto, agora vamos verificar os valores usando o chave nomes no exemplo abaixo;

Isso pode ser realizado utilizando a propriedade Indexer do objeto para definir os valores ou usá -lo diretamente como se fosse uma propriedade normal no objeto. Os valores -chave podem ser qualquer objeto, não apenas seqüências:

Deixe o Expobject =
primeiro nome: "John Doe",
"Ten": 10,
10: "Qualquer número inteiro",
"Experiência": 0
;
expobject ["ten"] = 20;
expobject [10] = "vinte";
expebject ["experiência"] = 22;
console.log ('type:', typeof (expobject), '\ n', 'valores:', expobject)
// atribuindo a propriedade diretamente
dito.primeironame = "John Doe";

Aqui no exemplo acima, criamos um objeto e, mais tarde, atribuímos os valores exclusivamente às propriedades ou chaves específicas do objeto usando o método Indexer.

Saída

Agora você pode ver claramente na tela de saída fornecida acima, que os valores foram atualizados no objeto.

Atribuir valores ao objeto usando o operador DOT (atribuição direta)

Até agora, discutimos como podemos criar objetos e como podemos atribuir alguns valores às propriedades do objeto usando o método Indexer, aqui no exemplo abaixo, veremos como podemos usar um operador de ponto para atribuir alguns valores às propriedades do objeto.

Exemplo

Deixe o Expobject =
primeiro nome: "John Doe",
"Ten": 10,
10: "Qualquer número inteiro",
"Experiência": 0
;
Expobject.Dez = 20;
Expobject.experiência = 10;
Expobject.primeiro nome = 'mark huggy';
console.log ('type:', typeof (expobject), '\ n', 'valores:', expobject)

Aqui, no exemplo acima, estamos criando um objeto e, mais tarde, estamos atribuindo alguns valores às suas propriedades usando o operador DOT ou você pode dizer uma tarefa direta em outras palavras.

Você pode ver que os valores de alto iluminação acima são atualizados no objeto.

Pares de valor-chave itera do objeto

Agora discutiremos sobre a iteração dos pares de valores-chave.

Exemplo
Aqui no exemplo a seguir, criaremos um objeto e depois percorreremos cada chave do objeto e exibiremos o valor em cada chave do objeto:

Deixe o Expobject =
primeiro nome: "John Doe",
"Ten": 10,
10: "Qualquer número inteiro",
"Experiência": 0
;
para (deixe a chave no Expobject)
Deixe value = expoBject [key];
console.log (valor);

Saída

Os valores estão sendo exibidos contra cada chave com a ajuda de um loop para

Acesso direto a pares de chave/valor

O mesmo que a atribuição direta, também podemos acessar diretamente os valores do objeto usando um operador de ponto e atribuí -lo a outra variável para uso posterior. Vamos ver no exemplo abaixo:

Deixe o Expobject =
primeiro nome: "John Doe",
"Ten": 10,
10: "Qualquer número inteiro",
"Experiência": 0
;
Let First_Name = Expobject.primeiro nome;
Expobject.FirstName = "Mark Christonson";
console.log ('Nome antigo:', primeiro_name, '\ nnew Nome:', Expobject.primeiro nome )

Aqui no exemplo acima, criamos um objeto e mais tarde, atribuímos seu antigo primeiro nome valor para o primeiro nome variável e atualizou o valor do primeiro nome usando o método de atribuição direta. Mais tarde, exibimos os antigos e os novos valores na tela

Saída:

Você pode ver os campos antigos e os novos nomes na tela de saída acima.

Conclusão

O dicionário não é o tipo de dados tradicional da linguagem de programação JavaScript, mas os objetos podem ser tratados como dicionários em alguns casos. Você pode criar um objeto de duas maneiras diferentes, uma é declará -lo e inicializá -lo usando o novo objeto () o método e o segundo é o caminho abreviado, simplesmente declarando e atribuindo alguns pares de valor-chave a ele. Neste artigo, passamos por ambos os métodos em detalhes e discutimos como podemos atribuir e recuperar valores usando métodos de atribuição direta e indexador.