Neste artigo você vai aprender a como salvar um array de chave valor em JavaScript, para poder acessar os itens pelo nome das suas chaves

array de chave valor em JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre os tipos de dados em JavaScript!

Na verdade JS não possui um array com chaves e valores, a única maneira de criar arrays em JavaScript é a maneira convencional, onde os elementos são acessados pelo seu índice

Para criar uma espécie de array chave => valor, temos os object literals

Que é um dado mais semelhante aos objetos de outras linguagens, mas em JS podemos utilizar como se fosse um array com chaves e valores

Veja um exemplo:

// Criando objeto
const user = {
  name: "Matheus",
  email: "[email protected]"
}

// Acessando elementos
console.log(user.name)
console.log(user["email"])

// Inserindo nova propriedade
user.age = 31

No exemplo acima temos a criação do objeto, e também a utilização dos principais recursos

Há a possibilidade de acessar as chaves de duas maneiras:

  • Notação de ponto: mais utilizada, acessa as propriedades precedida do nome do objeto e um ponto;
  • Notação de colchetes: utilizada para acessar nomes de propriedades mais incomuns, por exemplo: com traço;

Note também que não precisamos ter uma chave definida previamente, podemos criar e inserir um novo valor no objeto

Isso nos permite mais flexibilidade ao trabalhar com este tipo de dado

E assim você pode utilizar este objeto como um array de chave e valor de outra linguagem!

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

No artigo de hoje você aprendeu a como criar um array de chave valor em JavaScript

Utilizamos as chaves para criar este tipo de dado, que é chamado de objeto e o nome técnico é object literal

Podemos acessar os seus itens para consultar e atribuir novos valores com a notação de ponto

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Subscribe
Notify of
guest

0 Comentários
Inline Feedbacks
View all comments