6

Digamos que temos um objeto chamado rectangulo e uma propriedade chamada area. Podemos aceder a essa propriedade das seguintes maneiras:

  • Notação de ponto: rectangulo.area.
  • Notação de colchete: rectangulo['area'].

Compreendo a vantagem do uso de notação de colchetes para casos em que as propriedades:

  • Tenham caracteres como espaços, hífens, etc.
  • Não são conhecidas até ao tempo de execução.

Além destas razões intuitivas, existem outras para usar uma notação em prol da outra? Se sim, quais?

5
  • Aceder seria Acessar?
    – novic
    22/07/2020 às 11:38
  • 1
    @VirgilioNovic em Português (Portugal), Aceder = Acessar 22/07/2020 às 11:39
  • 1
    Aqui é Português do Brasil por isso da pergunta. E sobre a pergunta acredito que quando você precisa acessar por colchete com aqueles problemas (espaços e hifens) o problema é no objeto que deveria seguir outra convenção.
    – novic
    22/07/2020 às 11:41
  • 1
    aceder - 1 - verbo transitivo e intransitivo . Dizer que sim; estar de acordo. = ANUIR, CONFORMAR-SE 2 - verbo transitivo - Ter ou obter acesso a (ex.: aceder a um espaço, aceder a um computador).(latim accedo, -ere, ir para, aproximar-se) ---- "aceder", in Dicionário Priberam da Língua Portuguesa dicionario.priberam.org/aceder [consultado em 22-07-2020].
    – user60252
    22/07/2020 às 13:16
  • 2
    @novic não é "Português Brasileiro". Conforme já discutido no Meta, sendo Língua Portuguesa é o que importa. Não é definido país específico, e edições para trocar de "região" normalmente são revertidas.
    – Largato
    16/01/2021 às 1:13

2 Respostas 2

5

Existem duas principais (outras também, as quais não entram no escopo desta resposta) formas de se acessar propriedades em um objeto. Veja mais em "acessores de propriedade" na documentação.

A primeira delas é a notação de ponto – por exemplo object.property. Nesse caso, como o acesso está "hard-coded" no código, você não pode utilizar quando precisa de um acesso dinâmico.

O benefício desse modo é a maior legibilidade. Você pode utilizar a notação de ponto para acessar qualquer propriedade que seja um identificador válido em JavaScript. Desse modo, você poderá acessar uma propriedade utilizando a notação ponto desde que seja composto por letras do Unicode, $, _ e não se inicie por números.

Então:

const myObj = {
  1: 'One',
  2: 'Two',
  π: Math.PI, // "PI" é uma letra válida no Unicode
  name: 'Bob',
  $: 'jQuery?'
};

// myObj.1; --> Inválido porque 1 não é identificador válido
// myObj.2; --> Inválido porque 2 não é identificador válido

console.log(myObj.π); // 3.141592653589793
console.log(myObj.name); // Bob
console.log(myObj.$); // jQuery?

O outro principal método de acesso utiliza a notação de colchetes [ e ], cuja sintaxe é object[property]. Essa notação é comumente utiliza quando é necessário acessar a propriedade de modo dinâmico ou quando o nome da propriedade não se trata de um identificador válido.

Como visto acima, essa propriedade também deve ser utilizada para acessar propriedades que não sejam identificadores válidos em JavaScript.

Também são utilizadas para acessar propriedades cuja chave seja um número (number) ou símbolo (symbol).

Então:

const SYMBOL_KEY = Symbol('name');

const obj = {
  1: 'One',
  [SYMBOL_KEY]: 'Bob',
  age: 10,
  'not-a-valid-identifier': 'Value'
};

console.log(obj[1]); // One
console.log(obj[SYMBOL_KEY]); // Bob
console.log(obj['age']); // 10
console.log(obj['not-a-valid-identifier']); // Value


Na edição ECMAScript 2020, o JavaScript permite que utilize-se o acesso opcional a propriedades de objetos. Funciona tanto com a notação de colchetes quanto a notação de ponto. É útil para acessos aninhados.

1
  • 3
    Vale lembrar que os colchetes permitem outras "aberrações", como x[/abc/] = 1 e x[function() { return 1 }] = 2, e aí é possível acessá-los assim: f = function() { return 1 }; console.log(x[f]) e r = /abc/; console.log(x[r]) (argh!) - ideone.com/XLBfab
    – hkotsubo
    22/07/2020 às 14:07
0

É sempre difícil provar uma negativa (nesse caso que não existe um outro benefício para usar uma notação ou outra).

Pelo que você citou parece ser todos as diferenças entre as duas notações.

Normalmente eu uso notação de ponto sempre que posso, já que é mais fácil de ler, e notação com colchete caso precise determinar a propriedade do objeto dinamicamente como my_obj[my_var].

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .