Aprenda Trabalhando com Elementos de Array

Você já sabe como criar arrays, mas o que fazer se seu chefe pedir para remover o primeiro ou o último elemento do array? Ou talvez adicionar um elemento ao array? E se a tarefa for descobrir o comprimento do array (a quantidade de elementos no array)? Então você diria que não sabe como fazer isso, e pode acabar sendo demitido 😩.

Mas não se preocupe! Neste capítulo, explicarei como fazer isso e veremos os métodos básicos para trabalhar com arrays!

Adicionando Elementos a um Array

Vamos começar pelo mais simples: como adicionar um elemento a um array? Para isso, você pode usar o método push! Veja um exemplo:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4);
console.log(numbers);

Assim, adicionamos um elemento ao array numbers. Também é possível adicionar vários elementos de uma vez usando o método push:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4, 5);
console.log(numbers);

Removendo o Último Elemento

Para remover discretamente o último elemento do array, utilize o método pop(). Este método remove o último elemento do array e o retorna. Veja um exemplo:


              1234
            
let numbers: number[] = [1, 2, 3];
let lastElement = numbers.pop();
console.log(`array after modifying: ${numbers}`);
console.log(`the last element was ${lastElement}`);

Observe que retornar um valor significa atribuí-lo a outra variável. Assim, atribuímos um valor a uma variável utilizando um método do array. Métodos, funções e suas diferenças serão abordados na próxima seção.

Remoção do Primeiro Elemento

O método shift() remove o primeiro elemento do array e retorna seu valor, por exemplo:


              123
            
let numbers: number[] = [1, 2, 3];
let firstElement = numbers.shift();
console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);

Existe também um método reverse que, ao contrário, adiciona um ou mais elementos ao início do array e retorna o novo comprimento do array, por exemplo:


              123
            
let numbers: number[] = [2, 3, 4];
let newLength = numbers.unshift(0, 1);
console.log(`numbers: ${numbers} with length: ${newLength}`);

Combinando Arrays

TypeScript também permite combinar dois arrays usando o método concat(), que retorna um novo array maior:


              1234
            
let array1: number[] = [1, 2];
let array2: number[] = [3, 4];
let combinedArray = array1.concat(array2); 
console.log(`combined array = ${combinedArray}`);

Também é possível extrair uma parte de um array e armazená-la em um novo array utilizando o método slice(). Neste caso, é necessário especificar os índices dos elementos extremos e todos os elementos entre esses índices serão transferidos para um novo array. Por exemplo:


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let slicedArray = numbers.slice(1, 4); 
console.log(`sliced array = ${slicedArray}`);

Nota

O slicedArray contém elementos do índice 1 (inclusivo) ao índice 4 (exclusivo), portanto inclui os elementos com índices 1, 2 e 3.

Estes não são todos os métodos e formas de trabalhar com arrays, mas são os métodos básicos que um iniciante precisa conhecer. Conforme você avança no aprendizado de TypeScript, descobrirá novos métodos ou, talvez, o que aprendemos neste capítulo já será suficiente para você.

1. O que o método `push` faz quando aplicado a um array em TypeScript?

2. Qual método é utilizado para remover o primeiro elemento de um array em TypeScript?

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 3. Capítulo 2

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.94

Deslize para mostrar o menu

Mas não se preocupe! Neste capítulo, explicarei como fazer isso e veremos os métodos básicos para trabalhar com arrays!

Adicionando Elementos a um Array

Vamos começar pelo mais simples: como adicionar um elemento a um array? Para isso, você pode usar o método push! Veja um exemplo:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4);
console.log(numbers);

Assim, adicionamos um elemento ao array numbers. Também é possível adicionar vários elementos de uma vez usando o método push:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4, 5);
console.log(numbers);

Removendo o Último Elemento

Para remover discretamente o último elemento do array, utilize o método pop(). Este método remove o último elemento do array e o retorna. Veja um exemplo:


              1234
            
let numbers: number[] = [1, 2, 3];
let lastElement = numbers.pop();
console.log(`array after modifying: ${numbers}`);
console.log(`the last element was ${lastElement}`);

Remoção do Primeiro Elemento

O método shift() remove o primeiro elemento do array e retorna seu valor, por exemplo:


              123
            
let numbers: number[] = [1, 2, 3];
let firstElement = numbers.shift();
console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);

Existe também um método reverse que, ao contrário, adiciona um ou mais elementos ao início do array e retorna o novo comprimento do array, por exemplo:


              123
            
let numbers: number[] = [2, 3, 4];
let newLength = numbers.unshift(0, 1);
console.log(`numbers: ${numbers} with length: ${newLength}`);

Combinando Arrays

TypeScript também permite combinar dois arrays usando o método concat(), que retorna um novo array maior:


              1234
            
let array1: number[] = [1, 2];
let array2: number[] = [3, 4];
let combinedArray = array1.concat(array2); 
console.log(`combined array = ${combinedArray}`);


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let slicedArray = numbers.slice(1, 4); 
console.log(`sliced array = ${slicedArray}`);

Nota

O slicedArray contém elementos do índice 1 (inclusivo) ao índice 4 (exclusivo), portanto inclui os elementos com índices 1, 2 e 3.

1. O que o método `push` faz quando aplicado a um array em TypeScript?

2. Qual método é utilizado para remover o primeiro elemento de um array em TypeScript?

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 3. Capítulo 2

Trabalhando com Elementos de Array

Adicionando Elementos a um Array

Removendo o Último Elemento

Remoção do Primeiro Elemento

Combinando Arrays

1. O que o método push faz quando aplicado a um array em TypeScript?

2. Qual método é utilizado para remover o primeiro elemento de um array em TypeScript?

Awesome!

Trabalhando com Elementos de Array

Adicionando Elementos a um Array

Removendo o Último Elemento

Remoção do Primeiro Elemento

Combinando Arrays

1. O que o método push faz quando aplicado a um array em TypeScript?

2. Qual método é utilizado para remover o primeiro elemento de um array em TypeScript?

1. O que o método `push` faz quando aplicado a um array em TypeScript?

1. O que o método `push` faz quando aplicado a um array em TypeScript?