Uma estrutura de dados que mantém um grupo de elementos do mesmo tipo em um bloco adjacente de memória é conhecida como “ variedade ”. Arrays também são suportados como um tipo de dados em TypeScript, pois é um superconjunto de JavaScript. É mais seguro do que o JavaScript porque permite que os desenvolvedores especifiquem o tipo de elementos que um array pode armazenar. Arrays podem ser utilizados desta forma para produzir um código sustentável.
Este tutorial demonstrará o tipo de array no TypeScript e como usá-lo.
O que é o tipo Array no TypeScript e como ele pode ser usado?
“ Variedade ” é uma estrutura de dados em TypeScript semelhante ao JavaScript com um recurso avançado de especificação do tipo de matriz. Ele pode ser usado para armazenar e manipular uma coleção de dados, como uma lista de números ou strings, e pode ser acessado usando seu índice. Existem duas maneiras de declarar ou usar uma matriz no TypeScript:
- Palavra-chave “Array”
- colchetes “[]” ou sintaxe abreviada
Sintaxe para matriz de tipo único
Para declarar ou inicializar um array com um único tipo, use a sintaxe fornecida com a palavra-chave “Array”:
Variedade < tipo > = [ elemento1, elemento2, elemento3 ] ;
Ou use-o como uma sintaxe abreviada conforme abaixo:
tipo [ ] = [ elemento1, elemento2, elemento3 ] ;
Sintaxe para matriz multitipo
Com a ajuda da palavra-chave “Array”, utilize a sintaxe abaixo para inicializar ou declarar um array de vários tipos:
Variedade < tipo | tipo > = [ elemento1, elemento2, elemento3 ] ;
Ou você pode usar os colchetes “[]” ou a sintaxe abreviada da seguinte forma:
( tipo | tipo ) [ ] = [ elemento1, elemento2, elemento3 ] ;
Exemplo 1: Array de Tipo de String Única
Primeiro, criaremos um arquivo TypeScript chamado “ Arraytypes.ts ”. No exemplo dado, primeiro declare um array do tipo string chamado “ cor ” usando a palavra-chave “Array”:
cor variável: matriz < corda > ;
Agora, inicialize o array com valores do tipo string:
cor = [ 'vermelho' , 'azul' , 'verde' , 'preto' , 'branco' , 'roxo' , 'rosa' ] ;
Em seguida, imprima a matriz no console:
console.log ( cor ) ;
Depois de adicionar o código, transpilaremos este arquivo para o arquivo JavaScript usando o comando fornecido:
tsc Arraytypes.ts
Então, para executar o código JavaScript, usaremos o comando abaixo:
node Arraytypes.js
Observação : É obrigatório transpilar o arquivo TypeScript após cada modificação nele.
Saída
Para acessar os elementos da matriz, use a notação de colchetes “[ ]”. Aqui, vamos acessar o elemento no índice 3:
console.log ( cor [ 3 ] ) ;
A saída exibe “ preto ” que é o elemento de um array localizado no índice 3:
Exemplo 2: matriz de tipo de número único
Neste exemplo, crie uma matriz de números pares especificando seu tipo “ Número ” usando a sintaxe abreviada:
var evenNumbers: Número [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , vinte , 22 ] ;
Imprima a matriz no console:
console.log ( números pares ) ;
Saída
Exemplo 3: Matriz de vários tipos
No exemplo fornecido, crie uma matriz que contenha os valores do tipo string, bem como um tipo numérico.
Primeiro, declare uma matriz usando a sintaxe abreviada, especificando os tipos de matriz com o pipeline ou o operador de união:
var matriz: ( corda | número ) [ ] ;
Atribua valores ao array e imprima-o no console:
matriz = [ 'vermelho' , 1 , 'azul' , 7 , 'roxo' , 5 ] ;console.log ( variedade ) ;
Saída
Isso é tudo sobre o uso de Array Type no TypeScript.
Conclusão
“ Variedade ” é uma estrutura de dados em TypeScript semelhante ao JavaScript que pode ser usada para armazenar e manipular uma coleção de dados. Para declarar/usar a matriz no TypeScript, existem duas maneiras, incluindo o “ Variedade ” palavra-chave ou os colchetes “ [] ” ou sintaxe abreviada. Este tutorial demonstrou o tipo de array no TypeScript e como usá-lo.