Matrizes TypeScript: como criá-las e manipulá-las
A tipagem estática permite que o compilador do TypeScript acompanhe o tipo de dados dos elementos da matriz. Dessa forma, as matrizes do TypeScript reduzem a propensão a erros no código, permitindo o desenvolvimento de aplicações mais seguras e confiáveis.
O que são matrizes TypeScript?
As matrizes TypeScript são listas ordenadas de valores. Tal como no JavaScript, pode utilizá-las para armazenar uma coleção de elementos. Estes elementos podem ser de diferentes tipos de dados, incluindo números, cadeias, objetos ou outras matrizes. O TypeScript tem a vantagem de suportar tipagem estática, pelo que pode especificar o tipo de dados dos elementos numa matriz. Desta forma, a deteção de erros durante o desenvolvimento será melhorada.
Uma característica crucial das matrizes é que o seu tamanho é dinâmico, o que permite adicionar ou remover elementos sem a necessidade de determinar o tamanho antecipadamente. Os arrays do TypeScript são mutáveis por predefinição. No entanto, pode criar arrays imutáveis, que podem ser usados para gerar novos arrays com base nos existentes, utilizando métodos como map e filter. Os arrays simplificam as tarefas de filtrar, ordenar e iterar sobre elementos e oferecem uma estrutura consistente para organizar dados.
Além disso, as matrizes do TypeScript podem ser usadas como base para implementar estruturas de dados como pilhas (Last-In-First-Out ou LIFO) e filas (First-In-First-Out ou FIFO). Elas também são adequadas para representar listas, tabelas e coleções em muitas aplicações. A capacidade de gerir facilmente elementos do mesmo tipo torna as matrizes especialmente úteis para processar dados de fontes externas, sejam elas APIs ou bases de dados.
A sintaxe das matrizes TypeScript
Em TypeScript, as matrizes são declaradas utilizando as palavras-chave let, const ou var seguidas de um nome de variável e uma especificação do tipo de dados. A especificação do tipo de dados é feita após escrever dois pontos e define que tipo de dados os elementos na matriz devem ter. Esses elementos são colocados entre colchetes e separados por vírgulas dentro de um bloco de inicialização da matriz.
Esta é a sintaxe geral para declarar matrizes TypeScript:
const variableName: datatype[] = [element1, element2, ...];- variableName é o nome que você deseja atribuir ao array.
- datatype indica que tipo de dados os elementos do array devem ter.
- [element1, element2, …] são os elementos ou valores que devem ser armazenados na matriz. Esses elementos devem ter um tipo de dados definido previamente.
A seguir, apresentamos vários exemplos dessa sintaxe:
// Data type: Number
const numbers: number[] = [1, 2, 3, 4, 5];
// Data type: String
const numbers: string[] = ["Alice", "Bob", "Charlie"];
// Data type: Boolean
const booleans: boolean[] = [true, false];Métodos de matrizes TypeScript
Os métodos de matrizes TypeScript são muito úteis e poderosos, pois permitem processar, transformar e organizar dados em matrizes de forma eficiente. A tabela a seguir fornece um resumo dos métodos de matriz comuns no TypeScript e suas aplicações.
| Método | Descrição |
|---|---|
push()
|
Adiciona um ou mais elementos ao final da matriz e retorna o novo comprimento. |
pop()
|
Remove o último elemento da matriz e o retorna. |
unshift()
|
Adiciona um ou mais elementos ao início da matriz e retorna o novo comprimento da matriz. |
shift()
|
Remove o primeiro elemento da matriz e o retorna. |
concat()
|
Combina a matriz atual com outra ou outras e retorna uma nova matriz. A matriz original permanece inalterada. |
join(separator)
|
Converte os elementos da matriz numa cadeia e devolve-a. Pode especificar um separador para os elementos. |
slice(start, end)
|
Cria uma cópia plana da matriz formada pelos elementos entre os índices especificados start (inclusive) e end (exclusive). A matriz original permanece inalterada.
|
splice(start, deleteCount, element1, element2, ...)
|
Inserir novos elementos na posição especificada e/ou eliminar elementos da matriz. |
forEach(callback)
|
Executa uma função fornecida para cada elemento da matriz. |
map(callback)
|
Gera um novo array aplicando uma função a cada elemento do array. |
filter(callback)
|
Cria uma nova matriz que contém todos os elementos para os quais a função fornecida retorna true.
|
Exemplos de utilização das matrizes TypeScript
As matrizes TypeScript são ferramentas indispensáveis na hora de organizar e processar dados em aplicações. Vamos ensinar-lhe alguns dos passos mais importantes.
Como chamar elementos de matrizes
Acessar os elementos de um array no TypeScript é uma operação fundamental que permite obter elementos específicos dentro de um array. Você pode acessar os elementos do array usando o seu índice, que indica a sua posição no array. No TypeScript, a indexação dos arrays começa a partir de 0, ou seja, o primeiro elemento tem um índice de 0 e o segundo elemento tem um índice de 1.
let myArray: number[] = [10, 20, 30, 40, 50];
// Accessing elements using index
let firstElement: number = myArray[0]; // Output: 10
let secondElement: number = myArray[1]; // Output: 20
let thirdElement: number = myArray[2]; // Output: 30
// Assigning a new value to an array element
myArray[3] = 99; // 4th element in myArray = 99Desestruturação de matrizes
Com a desestruturação de matrizes no TypeScript, pode extrair valores de uma matriz de forma rápida e fácil e atribuí-los a variáveis.
let numberArray: number[] = [1, 2, 3];
// Array destructuring
let [firstNumber, secondNumber, thirdNumber] = numberArray;
// Access values
console.log(firstNumber); // Outputs 1
console.log(secondNumber); // Outputs 2
console.log(thirdNumber); // Outputs 3Iteração sobre elementos em matrizes TypeScript
A seguir, apresentamos um exemplo de como iterar sobre um array em TypeScript utilizando um loop for:
let numbers: number[] = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
console.log(numbers[i]);
}Neste código, é criado um array chamado numbers que contém números de 1 a 5. Em seguida, é utilizado um loop for para iterar sobre cada elemento do array. O loop começa em 0 e aumenta i em cada passagem do loop. Com numbers[i], é acedido o elemento correspondente do array e é impresso.
Este é o resultado obtido:
1
2
3
4
5