Gostaria de saber o que é isso, quando uma variável recebe esse []
:
let teste;
teste[id]
Sem um contexto maior com relação ao código, o máximo que dá para dizer é:
O let
é uma das formas de se declarar uma variável, e influencia no escopo da mesma - tudo isso já foi explicado em detalhes aqui. Então let teste;
só está declarando uma variável chamada teste
(e o escopo dela seguirá as regras explicadas no link já citado, então vai depender muito de onde ela foi declarada - e sem mais contexto, é tudo que dá para dizer).
Outra resposta disse que "isso é a declaração da variável teste do tipo any", mas na verdade o tipo any
só existe em TypeScript. Em JavaScript qualquer variável pode ser de qualquer tipo, e você não declara o tipo no código (diferente de outras linguagens nas quais você é obrigado a informar o tipo - leia mais sobre o assunto aqui, aqui e aqui). E como já indicado anteriormente, let
só serve para definir o escopo, não o tipo.
Já sobre teste[id]
, esta é uma sintaxe para acessar um elemento ou propriedade de teste
, dependendo do caso. A mesma resposta já citada disse que "isso torna a varável teste em um array", o que não é verdade. A variável só "se torna" um array se atribuirmos um valor à mesma, desde que, é claro, esse valor seja um array. Por exemplo:
let teste = [1, 2, 3]; // array com os números 1, 2 e 3
Ou
let teste = Array(10); // array com 10 posições
Enfim, leia a documentação sobre arrays para entender melhor o que é e as várias formas de se criar um.
A partir daí, podemos acessar os elementos deste array, usando os colchetes. Ex:
let teste = ['a', 'b', 'c'];
console.log(teste[0]); // 'a'
console.log(teste[1]); // 'b'
console.log(teste[2]); // 'c'
O primeiro elemento está no índice 0, o segundo no índice 1 e assim por diante. Mas também podemos usar uma variável como índice, em vez de um valor fixo:
let teste = ['a', 'b', 'c'];
let id = 2;
console.log(teste[id]); // 'c'
Ou seja, teste[id]
está acessando o elemento cuja posição é o valor indicado pela variável id
. Isso não "torna" a variável teste
em um array (pois ela já era um array antes).
Mas isso não se restringe a arrays. Qualquer propriedade de qualquer objeto pode ser acessada assim:
let teste = { 'nome': 'Fulano', 'idade': 20 };
// acessando a propriedade "nome"
let id = 'nome';
console.log(teste[id]); // 'Fulano'
// mas também poderia ser assim:
console.log(teste['nome']); // 'Fulano'
console.log(teste.nome); // 'Fulano'
Vale lembrar ainda que arrays também podem ter propriedades:
let teste = [1, 2, 3];
// criando a propriedade "nome"
teste['nome'] = 'sou um array';
// acessando a propriedade "nome"
let id = 'nome';
console.log(teste[id]); // 'sou um array'
// mas também poderia ser assim:
console.log(teste['nome']); // 'sou um array'
console.log(teste.nome); // 'sou um array'
Enfim, sobre teste[id]
, é "só" isso, mas você pode se aprofundar no assundo lendo aqui, aqui, aqui e aqui.
Quando se fala em array, o indexador é a posição do elemento dentro do array, já se este modelo for utilizado em objetos, estaremos nos referenciando a uma key do objeto.
Exemplo:
let arr = ['posicao1', 'posicao2', 'posicao3'];
let obj = {
nome: 'Teste',
idade: 25
}
console.log(arr[2]); // retorno será 'posicao3', pois é o elemento 2 do array, lembrando que array começa em 0,1,2...
console.log(obj['nome']); // Em objeto, o indexador é a key do objeto, neste caso o retorno será o valor da propriedade nome, ou seja 'Teste';
let teste;
<- isso é a declaração da variável teste do tipo any, ou seja uma variável que pode ser quaquer coisa.
teste[id]
<- isso torna a varável teste em um array e id é outra variável que está sendo usada como indexador de uma posição no array.
teste = [ 1, 2 ]
. Já teste[id]
só serve para acessar um elemento específico, mas a variável já era um array antes disso (ela já "se tornou" um array antes dessa declaração, e não por causa dela). E o tipo any
só existe em TypeScript. Em JavaScript qualquer variável pode ser de qualquer tipo, e de qq forma o let
só influencia no escopo da variável, e não no tipo. Vale lembrar tb que teste
poderia ser um objeto (não só um array) e id
conteria o nome da propriedade
let
, está respondido aqui. Sobre o[]
, leia a documentação sobre arrays