Acessando Objetos Com Espaço No Javascript

Normalmente, acessamos os valores de um objeto javascript através de “.” (ponto), por exemplo, temos o seguinte objeto:

const user = { name: "Victor", idade: 22 };

Para resgatar o valor name, bastaria acessar usando: user.name, correto? Mas você sabe como acessar caso a chave do seu objeto tenha caracteres especiais ou espaços, como no exemplo abaixo?

const address = { Endereço: "Rua Nova", "Descrição Rua": "Uma rua nova" };

Caso você tente acessar “address.Descrição Rua“, com certeza não irá conseguir, afinal, esse espaço acaba estragando tudo! Então, para acessar, você pode passar o campo que deseja acessar entre colchetes [], no nosso caso, ficaria: address['Descrição Rua']

Caso você esteja trabalhando com algum framework como Angular, quando fizesse um ngFor (ng-repeat, se estiver usando AngularJS) que percorresse esse objeto, e tentasse usar:

{
  {
    user.Endereço;
  }
}

acabaria deparando-se com um erro justamente por causa do caractere especial “ç”. Para contornar este erro, você deve usar a mesma técnica de acesso, alterando para:

{
  {
    user["Endereço"];
  }
}

Desta forma, você evitará erros e alcançará o resultado esperado!