JavaScript

Diferença entre acessar propriedade de objeto com notação de ponto ou colchetes

28 de março de 2022

Diferença entre acessar propriedade de objeto com notação de ponto ou colchetes

Neste artigo você vai aprender a diferença entre acessar propriedade de objeto com notação de ponto ou colchetes em JavaScript, qual a melhor abordagem?

acessar propriedade de objeto com notação de ponto ou colchetes capa

Fala programador(a), beleza? Bora aprender mais sobre objetos e JavaScript!

A grande verdade é que não há diferença em acessar as propriedades de um objeto de uma maneira ou de outra

Porém temos um recurso a mais com a forma de colchetes

Pois podemos utilizar uma variável para acessar uma propriedade dinâmicamente, isso é bem interessante

Veja um exemplo prático das duas formas e também utilizando essa outra estratégia:

const person = {
  name: "Matheus",
  age: 31,
  job: "Programmer"
}

console.log(person.name) // Matheus
console.log(person['name']) // Matheus

const objectKey = "name"

console.log(person[objectKey]) // Matheus

Neste caso temos um objeto e estamos imprimindo a chave name em todos os casos possíveis de acesso de chave

Note que o último é sobre o recurso extra da notação de colchetes que eu falei no começo do artigo

Podemos criar uma variável e colocar o nome da chave em string e acessar por meio dessa variável a propriedade, legal não é?

Isso deixa o nosso código mais dinâmico, podendo acessar basicamente qualquer coisa num objeto, sem precisar previamente saber o nome da chave

Porém para efeitos de acesso da propriedade, todos os recursos levam ao mesmo lugar, ou seja, não há diferença

Conclusão

No artigo de hoje você aprendeu a diferença de acessar propriedade de objeto com notação de ponto ou colchetes em JS

Utilizamos um recurso extra também, que permite acessar a propriedade de um objeto por meio de uma variável

Esta deve conter o nome da propriedade em string

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!

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x