Aprenda `for` loop com arrays

A manipulação adequada de arrays começa com loops!

Você já sabe o que são arrays e que a indexação neles começa do zero. Também sabe que em um loop for, podemos atribuir qualquer valor à variável i. Por exemplo, zero! Mas e se for conveniente para nós usar um loop for em conjunto com um array? Vamos pensar sobre isso:

Se precisarmos recuperar um elemento do array, usamos array[índice];;
Temos a variável i, que efetivamente substitui nosso índice;
Combinando os dois pontos acima, podemos concluir que podemos usar a sintaxe array[i] dentro de um loop for para trabalhar com um array rapidamente. Vamos olhar um exemplo:


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < 10; i++) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

Vamos destrinchar o que está acontecendo no código acima:

Criamos um array do tipo number com 10 elementos;
Nosso objetivo é inspecionar cada elemento do array e descobrir em qual índice ele está localizado;
Como a indexação no array começa do 0, nossa variável i inicialmente tem o valor de 0. Também definimos o limite igual ao comprimento do array, que é 10;
Sabendo que i é o índice do elemento, recuperamos os elementos do array e os exibimos na tela usando array[i];;
Como i é o índice do elemento no array, mostramos imediatamente com qual índice um determinado elemento está localizado.

Desta forma, podemos interagir com o array. Vamos nos propor uma tarefa diferente: recuperar cada elemento localizado em um índice par neste array:


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < 10; i+=2) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

Ao utilizarmos i+=2, que é equivalente a i = i + 2, recuperamos cada elemento no array que está localizado em um índice par. Em outras palavras, o índice do elemento deve ser divisível por 2. Índices como 0, 2, 4, 6, e assim por diante. Note também que com i, podemos exibir o índice do elemento, como fizemos no exemplo acima.

A propósito, não precisamos contar manualmente o tamanho do array! Podemos usar a propriedade do array array.length. Vamos dar uma olhada em um exemplo, e ao mesmo tempo, ver como iterar pelo array do fim para o começo (caso você precise percorrer o array em ordem inversa).


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = array.length - 1; i >= 0; i--) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

No exemplo acima, inicializamos i como array.length - 1 porque array.length é 10, e o último elemento do array tem um índice de 9. Culpe isso tudo pela indexação baseada em zero.

Adicionalmente, você pode usar array.length não apenas para inicialização, mas também dentro da condição. Existem muitos exemplos diferentes que você pode criar para tudo isso; tudo que você precisa é um pouco de imaginação e casos de uso específicos. Por exemplo:


              123456789
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < array.length; i++) {
    if ((array.length - i) % 2 == 0) {
        console.log(`The ${i} element in the array is ${array[i]}`)
    } else {
        console.log("[DELETED DATA]")
    }
}

Se o valor do comprimento do array menos o índice for divisível por 2, exibimos esse elemento. Caso contrário, exibimos 'DADOS EXCLUÍDOS' - são ordens do chefe.

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 4. Capítulo 6

Pergunte à IA

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

Suggested prompts:

Can you explain how the loop works in the last example?

What does (array.length - i) % 2 == 0 mean?

Can you show more examples of array manipulation with loops?

Deslize para mostrar o menu

A manipulação adequada de arrays começa com loops!

Se precisarmos recuperar um elemento do array, usamos array[índice];;
Temos a variável i, que efetivamente substitui nosso índice;
Combinando os dois pontos acima, podemos concluir que podemos usar a sintaxe array[i] dentro de um loop for para trabalhar com um array rapidamente. Vamos olhar um exemplo:


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < 10; i++) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

Vamos destrinchar o que está acontecendo no código acima:

Criamos um array do tipo number com 10 elementos;
Nosso objetivo é inspecionar cada elemento do array e descobrir em qual índice ele está localizado;
Como a indexação no array começa do 0, nossa variável i inicialmente tem o valor de 0. Também definimos o limite igual ao comprimento do array, que é 10;
Sabendo que i é o índice do elemento, recuperamos os elementos do array e os exibimos na tela usando array[i];;
Como i é o índice do elemento no array, mostramos imediatamente com qual índice um determinado elemento está localizado.

Desta forma, podemos interagir com o array. Vamos nos propor uma tarefa diferente: recuperar cada elemento localizado em um índice par neste array:


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < 10; i+=2) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}


              12345
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = array.length - 1; i >= 0; i--) {
    console.log(`The ${i} element in the array is ${array[i]}`)
}

No exemplo acima, inicializamos i como array.length - 1 porque array.length é 10, e o último elemento do array tem um índice de 9. Culpe isso tudo pela indexação baseada em zero.


              123456789
            
let array: number[] = [2, 4, 6, 1, 7, 1, 4, 77, 23, 0];

for (let i: number = 0; i < array.length; i++) {
    if ((array.length - i) % 2 == 0) {
        console.log(`The ${i} element in the array is ${array[i]}`)
    } else {
        console.log("[DELETED DATA]")
    }
}

Se o valor do comprimento do array menos o índice for divisível por 2, exibimos esse elemento. Caso contrário, exibimos 'DADOS EXCLUÍDOS' - são ordens do chefe.

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 4. Capítulo 6

`for` loop com arrays

A manipulação adequada de arrays começa com loops!

Awesome!

`for` loop com arrays

A manipulação adequada de arrays começa com loops!