Acessar propriedade de objeto por string em JavaScript

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

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 116 aulas
• 4 projetos
• 9h 23min

Conhecer formação

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!