Posted on Aug 21, 2020

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 }

Podemos acessar as propriedades da seguinte maneira:

user.name // John user.age // 28 user.city // New York user.tel_1 // 1143845554 user.isActive$ // true

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" } }

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