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
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)