Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Iteração com For Loop | Laços de Repetição
Introdução ao TypeScript

bookIteração com For Loop

Vamos avançar para o tipo de loop mais utilizado – o for loop. O loop for é um laço que executa um número especificado de operações definido pelo programador. Sua principal característica é que, dentro do loop, uma variável separada é criada para armazenar o número da iteração, além da condição para interromper o loop e a operação sobre a variável criada. Veja a sintaxe:

for (initialization; condition; increment/decrement) {
    // Code to be executed in each iteration
}

Nesta sintaxe:

  • initialization é executado uma vez antes do início do loop e normalmente é utilizado para inicializar um contador;
  • condition é a condição verificada antes de cada iteração. Se a condição for true, o loop continua a executar; se for false, o loop é encerrado;
  • increment/decrement é executado após cada iteração e normalmente é utilizado para aumentar ou diminuir o valor do contador.

Exemplo de uso de um loop for:

123
for (let i = 1; i <= 5; i++) { console.log(`Iteration number ${i}`); }
copy

Vamos analisar tudo o que foi escrito e entender cada parte:

  • let i = 0; – inicialização. Esta é a variável criada ao entrar no loop e removida quando o loop completa todas as iterações necessárias. i é um índice, simplesmente porque programadores preferem abreviar. Você pode dar qualquer nome a essa variável. Este índice indica qual iteração está sendo executada na sequência;
  • i <= 5; – condição. Este é o limite até onde o número de iterações irá aumentar. A cada iteração, a variável i será incrementada até atingir o limite. Neste caso, o limite é 5. Quando i atingir o valor 5, o loop será encerrado;
  • i++ – incremento. Indica quanto a variável i será aumentada a cada iteração do loop. Podem ser usadas diferentes operações aqui, como i-- ou até mesmo i = i * 3. Qualquer operação;
  • console.log(`Iteration number ${i}`); – operação executada pelo loop. Neste caso, exibimos o valor da variável i para visualizar qual iteração está sendo executada no momento.

Vamos analisar outro exemplo de uso do laço for para fixar a sintaxe na memória:

123
for (let i:number = 10; i <= 25; i = i + 5) { console.log(`The value of 'i' is ${i}`); }
copy

Agora definimos condições um pouco diferentes para a alteração da variável i. Inicialmente, ela recebe o valor 10 e, em seguida, é incrementada de 5 em 5 até atingir o valor 25.

Por que precisamos disso?

Para determinar com precisão o número de iterações e definir condições especiais para as iterações.

Imagine que você queira calcular a soma de todos os números de 1 a 100. Fazer isso manualmente leva muito tempo, assim como usar uma calculadora. Por isso, sugiro escrever um laço rápido que faça isso por nós:

1234567
let res: number = 0; // result variable for (let i: number = 1; i <= 100; i++) { // i <= 100 res += i; } console.log(res); // printing result
copy

No código acima, inicializamos uma variável que armazena nosso resultado. Em seguida, dentro do laço, inicializamos nossa variável i. Inicialmente, i é definida como 1, e a variável i representa o número que será somado a cada iteração. Isso continua até somarmos o número 100. Após isso, o laço é interrompido.

Observe a operação realizada na variável res. Utilizamos res += i;, que é equivalente a res = res + i;. Isso permite simplificar qualquer reatribuição. Por exemplo, se quisermos multiplicar, podemos usar res *= i em vez de res = res * i.

Agora você sabe que a soma de todos os números de 1 a 100 é 5050. Não sei onde você vai usar essa informação, mas é útil!

1. Para que serve principalmente o laço for em TypeScript?

2. Qual parte de um loop for em TypeScript especifica a condição para continuar o loop?

question mark

Para que serve principalmente o laço for em TypeScript?

Select the correct answer

question mark

Qual parte de um loop for em TypeScript especifica a condição para continuar o loop?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

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

Awesome!

Completion rate improved to 2.94

bookIteração com For Loop

Deslize para mostrar o menu

Vamos avançar para o tipo de loop mais utilizado – o for loop. O loop for é um laço que executa um número especificado de operações definido pelo programador. Sua principal característica é que, dentro do loop, uma variável separada é criada para armazenar o número da iteração, além da condição para interromper o loop e a operação sobre a variável criada. Veja a sintaxe:

for (initialization; condition; increment/decrement) {
    // Code to be executed in each iteration
}

Nesta sintaxe:

  • initialization é executado uma vez antes do início do loop e normalmente é utilizado para inicializar um contador;
  • condition é a condição verificada antes de cada iteração. Se a condição for true, o loop continua a executar; se for false, o loop é encerrado;
  • increment/decrement é executado após cada iteração e normalmente é utilizado para aumentar ou diminuir o valor do contador.

Exemplo de uso de um loop for:

123
for (let i = 1; i <= 5; i++) { console.log(`Iteration number ${i}`); }
copy

Vamos analisar tudo o que foi escrito e entender cada parte:

  • let i = 0; – inicialização. Esta é a variável criada ao entrar no loop e removida quando o loop completa todas as iterações necessárias. i é um índice, simplesmente porque programadores preferem abreviar. Você pode dar qualquer nome a essa variável. Este índice indica qual iteração está sendo executada na sequência;
  • i <= 5; – condição. Este é o limite até onde o número de iterações irá aumentar. A cada iteração, a variável i será incrementada até atingir o limite. Neste caso, o limite é 5. Quando i atingir o valor 5, o loop será encerrado;
  • i++ – incremento. Indica quanto a variável i será aumentada a cada iteração do loop. Podem ser usadas diferentes operações aqui, como i-- ou até mesmo i = i * 3. Qualquer operação;
  • console.log(`Iteration number ${i}`); – operação executada pelo loop. Neste caso, exibimos o valor da variável i para visualizar qual iteração está sendo executada no momento.

Vamos analisar outro exemplo de uso do laço for para fixar a sintaxe na memória:

123
for (let i:number = 10; i <= 25; i = i + 5) { console.log(`The value of 'i' is ${i}`); }
copy

Agora definimos condições um pouco diferentes para a alteração da variável i. Inicialmente, ela recebe o valor 10 e, em seguida, é incrementada de 5 em 5 até atingir o valor 25.

Por que precisamos disso?

Para determinar com precisão o número de iterações e definir condições especiais para as iterações.

Imagine que você queira calcular a soma de todos os números de 1 a 100. Fazer isso manualmente leva muito tempo, assim como usar uma calculadora. Por isso, sugiro escrever um laço rápido que faça isso por nós:

1234567
let res: number = 0; // result variable for (let i: number = 1; i <= 100; i++) { // i <= 100 res += i; } console.log(res); // printing result
copy

No código acima, inicializamos uma variável que armazena nosso resultado. Em seguida, dentro do laço, inicializamos nossa variável i. Inicialmente, i é definida como 1, e a variável i representa o número que será somado a cada iteração. Isso continua até somarmos o número 100. Após isso, o laço é interrompido.

Observe a operação realizada na variável res. Utilizamos res += i;, que é equivalente a res = res + i;. Isso permite simplificar qualquer reatribuição. Por exemplo, se quisermos multiplicar, podemos usar res *= i em vez de res = res * i.

Agora você sabe que a soma de todos os números de 1 a 100 é 5050. Não sei onde você vai usar essa informação, mas é útil!

1. Para que serve principalmente o laço for em TypeScript?

2. Qual parte de um loop for em TypeScript especifica a condição para continuar o loop?

question mark

Para que serve principalmente o laço for em TypeScript?

Select the correct answer

question mark

Qual parte de um loop for em TypeScript especifica a condição para continuar o loop?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 5
some-alt