DEV Community

Cover image for Assessores em Javascript
Wagner Souza
Wagner Souza

Posted on

Assessores em Javascript

Antes de mais nada vamos tentar de uma forma simples nivelar o conhecimento sobre o assunto do nosso post.

Muita gente pode não conhecer em nível de detalhes, mas tenho certeza que já usou, e usou muito nos seus códigos javascript pela vida ~

O que são assessores?

Segundo MDN — Mozilla Developer Network:
Os assessores de propriedade fornecem acesso as propriedades de um objeto usando a notação de ponto ou a notação de colchetes.
Link MDN

A linguagem javascript nos fornece duas (2) notações para acessar propriedades de um objeto, são elas:

  • Notação de ponto "."
  • Nota de colchete "[]"

Notação de ponto "."

Quando falamos da notação de ponto object.prop nos referimos as propriedades estáticas, ou seja, com o nome exato.

Pontos importantes

  • Identificadores só podem ser alfanuméricos. (Permitido _ e $)
  • Não utilize caracteres especiais. ("~" / "," / "-"/ entre outros)
  • Não nomeie uma propriedade começando com número
  • As propriedades não podem conter variáveis

Dado a estrutura de dados:

let user = {
  "name": "John",
  "age": 28,
  "city": "New York",
  "tel_1": "1143845554",
  "isActive$": true
}
Enter fullscreen mode Exit fullscreen mode

Podemos acessar as propriedades da seguinte maneira:

user.name
// John

user.age
// 28

user.city
// New York

user.tel_1
// 1143845554

user.isActive$
// true

Enter fullscreen mode Exit fullscreen mode

Notação de colchete "[]"

A notação de colchete "[]" object["prop"]é um pouco mais flexível se comparada com a notação de ponto "." object.prop .

Nesse caso podemos ter propriedades dinâmicas, não existem problemas em usar variáveis, aliás, aqui elas são bem vindas, espaços e strings que começam com números também são.

Dado a estrutura de dados:

let user = {
  "name": "John",
  "1tel": "9985554475"
  "age": 28,
  "address": {
    "postal Code": "3334444",
    "country": "USA"
    "city": "New York"
  }
}
Enter fullscreen mode Exit fullscreen mode

Podemos acessar as propriedades da seguinte maneira:

let ageUser = "age";
user[ageUser]
// 28

user["name"]
// John

user["1tel"]
// 9985554475

user["address"]["postal code"]
// 3334444

user["address"]["city"]
// New York
Enter fullscreen mode Exit fullscreen mode

Dicas

  • Evite criar propriedades que iniciem com números, por exemplo 1tel
  • Evite criar nomes de propriedades com espaços, por exemplo full name
  • Não crie propriedades com caracteres especiais "~" / "," / "-" entre outras

Muito obrigado pela sua leitura, nos falamos em breve!

Top comments (0)