Aula 03
Como Declarar o Tipo de uma Array de Elementos do Mesmo Tipo no TypeScript
Summary
Resumo da Aula sobre TypeScript
Nesta aula, foi ensinado como definir tipos para arrays em TypeScript.
Criando um Array de Números
-
Criação da Lista:
- Um novo arquivo
arrays.ts
foi criado para armazenar uma lista de números, como 3, 5 e 7. - Foi utilizada a variável
lista
para manter a lista de números.
- Um novo arquivo
-
Compilação:
- A compilação do arquivo foi realizada com o comando
tsc arrays.ts
, gerando o arquivoarrays.js
.
- A compilação do arquivo foi realizada com o comando
Definindo o Tipo do Array
-
Adicionando Tipo:
- Para adicionar o tipo à variável
lista
, utilizou-se a notação:let lista: number[]
- Isso indica que
lista
é um array de elementos do tiponumber
.
- Para adicionar o tipo à variável
-
Tratando Erros:
- Foi demonstrado que se tentar atribuir um valor que não seja um
number
àlista
, um erro será gerado.
- Foi demonstrado que se tentar atribuir um valor que não seja um
Exemplo com Strings
- A mesma lógica pode ser aplicada a listas de strings, como por exemplo:
let nomes: string[]
- O compilador aceita a sintaxe sem erros.
Alternativa de Notação
- Também foi apresentada uma alternativa de notação para arrays:
let lista: Array<number>
- Essa notação utiliza o tipo genérico de array, que é comum em outras linguagens como Java e C.
Conclusão
- Neste tutorial, aprendeu-se a anotar o tipo de arrays em TypeScript.
Até a próxima aula!
Video Transcript
Olá pessoal, estamos de volta, vamos continuar o nosso aprendizado de TypeScript.
Vamos aprender como definir o tipo para um array, um vetor.
Vamos lá.
Vamos supor que a gente tenha uma lista de números.
Por exemplo, eu tenho uns números aqui.
Eu criei um novo arquivo arrays.ts no lado esquerdo aqui,
o painel esquerdo eu estou escrevendo.
Por exemplo, eu tenho uns números 3, 5 e 7 numa lista, numa vetor.
Aí eu quero armazenar isso numa variável.
Vou chamar de número.
Números, dessa maneira.
Vamos mudar números para você não confidir com o tipo number.
Vamos dizer lista.
Na verdade.
Então temos essa lista, nesse caso só valores de número.
Sem problemas, vamos tentar compilar isso.
TscArrays.ts
Sem problemas, vamos ver o que foi gerado.
Do lado direito, no meu painel direito, eu vou abrir o arquivo arrays.js.
Note que tem var, lista, igual aquela lista, aquele vetor que a gente definiu.
Nada demais, né?
Como é que a gente faz para anotar, adicionar o tipo?
Do lado direito, do nome da variável, adicionar os dois pontos e o tipo.
Nesse caso vai ser o quê?
Então, vou te dizer.
Essa é uma lista, um vetor de tipo number.
Cada elemento é tipo number, mas é um array.
Então tem que adicionar os dois cochetes assim.
Abre e feche cochetes para dizer que é um array.
E não vai ter problema.
Vamos copilar.
Se você quiser gerar um erro, tenta modificar a lista para um valor diferente de array, por exemplo.
O número.
E ele vai dar o erro para você ver.
Tipo, não pode ser atribuído ao tipo vetor de número.
Então não pode fazer isso.
Tá bom?
O nome do tipo, seguido dos cochetes para definir um vetor de elemento do tipo que você definiu.
Se fosse string, letnames, por exemplo.
Se fosse os nomes, a lista de nomes, João, Maria, por diante.
Como é que você adicionaria um tipo aqui?
Dois pontos.
Qual é o tipo de cada elemento?
String, é um vetor, então abre os cochetes e fecha.
Tá bom?
Vamos copilar.
Tsc arrays.ts não deu nenhum erro.
Olha aqui no lado direto a tela que foi produzido.
Só Java script normal sem nenhuma anotação de tipo.
Para terminar isso, vou te dizer outra anotação.
Também pode definir arrays, o tipo dessa maneira aqui.
É equivalente, deixa eu comentar a primeira.
Você pode dizer letlista, é uma array de o que?
Number.
Acho que é mais parecido que você vendo Java, c, j, para essas coisas.
3, 5, 7.
É equivalente ao de cima, usando o tipo genérico de array.
Você põe array, abre esse sinal de menor que e maior que e dentro.
Entre eles tem que ter o tipo, nesse caso number.
Dá nome mesmo.
Tá bom?
Então nessa aula aprendemos como adicionar a anotação de tipo para uma array, um vetor.
Pra sala é só e até a próxima. Tchau.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: