Aprenda Trabalhando com Elementos de Array

Você já sabe como criar arrays, mas o que você faria se seu chefe lhe pedisse para deletar o primeiro ou último elemento do array? Ou talvez adicionar um elemento ao array? E se você tivesse que descobrir o comprimento do array (o número de elementos no array)? Então você diria que não sabe como fazer isso e poderia ser demitido 😩.

Mas não se preocupe! Neste capítulo, vou te contar como fazer isso, e vamos olhar para os métodos básicos de trabalhar com arrays!

Adicionando elementos a um array.

Vamos começar com o mais simples: como adicionamos um elemento a um array? Para isso, você pode utilizar o método push! Vamos ver um exemplo:


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

Portanto, adicionamos um elemento ao array numbers. Também podemos adicionar vários elementos de uma só 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

Se você precisa remover silenciosamente o último elemento do array, pode fazer isso utilizando o método pop(). Este método retira o último elemento do array e o retorna. Vamos ver 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. Então, atribuímos um valor a uma variável utilizando o método de um array. Vamos falar sobre o que são métodos, funções e suas diferenças na próxima seção.

Removendo o primeiro elemento

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


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

Também existe 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

O TypeScript também nos permite combinar dois arrays usando o método concat(), que nos retornará um novo array, fresco e maior:


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

Também podemos extrair uma parte de um array e armazená-la em um novo array usando o método slice(). Aqui, precisamos 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) até o índice 4 (exclusivo), então ele inclui elementos com os índices 1, 2 e 3.

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

1. O método `push` é utilizado para adicionar um ou mais elementos ao final de um array em TypeScript.

2. Qual método é usado 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

Deslize para mostrar o menu

Mas não se preocupe! Neste capítulo, vou te contar como fazer isso, e vamos olhar para os métodos básicos de trabalhar com arrays!

Adicionando elementos a um array.

Vamos começar com o mais simples: como adicionamos um elemento a um array? Para isso, você pode utilizar o método push! Vamos ver um exemplo:


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

Portanto, adicionamos um elemento ao array numbers. Também podemos adicionar vários elementos de uma só 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


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

Removendo o primeiro elemento

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


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

Também existe 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

O TypeScript também nos permite combinar dois arrays usando o método concat(), que nos retornará um novo array, fresco e 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) até o índice 4 (exclusivo), então ele inclui elementos com os índices 1, 2 e 3.

1. O método `push` é utilizado para adicionar um ou mais elementos ao final de um array em TypeScript.

2. Qual método é usado 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

Removendo o primeiro elemento

Combinando Arrays

1. O método push é utilizado para adicionar um ou mais elementos ao final de um array em TypeScript.

2. Qual método é usado 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

Removendo o primeiro elemento

Combinando Arrays

1. O método push é utilizado para adicionar um ou mais elementos ao final de um array em TypeScript.

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

1. O método `push` é utilizado para adicionar um ou mais elementos ao final de um array em TypeScript.

1. O método `push` é utilizado para adicionar um ou mais elementos ao final de um array em TypeScript.