Fala aí Thales, tudo bem? O colchete está sendo usado para pegar informações do objeto, exemplo:
const meuObjeto = {
nome: 'Meu',
sobrenome: 'Objeto'
}
Podemos pegar os valores de nome
e sobrenome
através do .
, seguido pelo nome do que queremos pegar:
const meuNome = meuObjeto.nome
const meuSobrenome = meuObjeto.sobrenome
Mas, também podemos fazer a mesma coisa través dos colchetes:
const meuNome = meuObjeto['nome']
const meuSobrenome = meuObjeto['sobrenome']
Quando usar ou outro? Geralmente a gente usa a sintaxe dos colchetes quando o valor que precisamos pegar está em uma variável:
const algo = 'nome'
console.log(meuObjeto.algo)
Essa sintaxe funciona, mas, ele vai tentar pegar a chave algo
dentro do meuObjeto
, quando na verdade queremos pegar o nome
, então:
const algo = 'nome'
console.log(meuObjeto[algo])
Isso vai fazer o que queremos.
Espero ter ajudado.