Neste artigo você vai aprender a como acessar propriedade de objeto por string na linguagem JavaScript!
Fala programador(a), beleza? Bora aprender mais sobre objetos e JavaScript!
Em JS temos a notação de ponto para acessar a propriedade de um objeto
Esta é a forma mais comum atualmente, veja:
console.log(person.name)
Aqui estamos exibindo a propriedade name do objeto person
E se tivessemos name em uma string? Como é possível acessar esta mesma propriedade?
Precisaremos utilizar a notação de colchetes!
Veja as duas formas possíveis:
const person = {
name: "Matheus",
age: 31
}
const myVariable = "name"
console.log(person["name"]) // Matheus
console.log(person[myVariable]) // Matheus
No primeiro caso apenas acessamos a propriedade com uma string fixa, e nos é dado o memso resultado que a notação de ponto
E na segunda alternativa utilizamos uma variável que contém uma string, o que pode deixar as coisas muito mais flexíveis 🙂
Agora basta escolher a melhor alternativa para o seu caso!
Conclusão
Neste artigo você viu como é possível acessar propriedade de objeto por string com JavaScript
Utilizamos a notação de colchetes para isso
Basta ter uma string com o nome da propriedade, ou uma variável com uma string com o nome da propriedade, e teremos o mesmo resultado que na notação de ponto
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!