Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda laço `for` | Laços
Introdução ao TypeScript

booklaço `for`

Vamos avançar para o tipo de laço mais comumente usado - o laço for. O laço for é um laço que executa um número especificado de operações definido pelo programador. Sua característica principal é que, dentro do laço, uma variável separada é criada para armazenar o número da iteração, bem como a condição para interromper o laço e a operação na variável criada. Vamos dar uma olhada na sintaxe:

para (inicialização; condição; incremento/decremento) {
    // Código a ser executado em cada iteração
}

Nesta sintaxe:

  • inicialização é executada uma vez antes do início do loop e é geralmente usada para inicializar um contador;
  • condição é a condição verificada antes de cada iteração. Se a condição for verdadeira, o loop continua a ser executado; se for falsa, o loop termina;
  • incremento/decremento é executado após cada iteração e é normalmente usado para aumentar ou diminuir o valor do contador.

Exemplo de utilização de um laço 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; – esta é a inicialização. É a variável que é criada quando entramos no laço de repetição e é excluída quando o laço completa todas as iterações necessárias. i é um índice, simplesmente porque os programadores têm preguiça de escrever a palavra inteira. Você pode dar a esta variável qualquer nome que desejar. Este índice é responsável por indicar qual iteração está acontecendo na sequência;
  • i <= 5; – esta é a condição. É o limite até o qual o número de iterações vai aumentar. Durante cada iteração, a variável i irá aumentar até alcançar o limite. No nosso caso, o limite é 5. Uma vez que i assuma o valor de 5, o laço será encerrado;
  • i++ – Este é o incremento. É o quanto vamos aumentar a variável i a cada iteração do laço. Operações diferentes podem ser usadas aqui. Por exemplo, i-- ou até mesmo i = i * 3. Qualquer operação;
  • console.log(`Número da iteração ${i}`); – esta é a operação que o laço vai executar. No nosso caso, estamos exibindo o valor da variável i para ver qual iteração está sendo executada atualmente.

Vamos olhar outro exemplo de uso do laço for para consolidar 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 alterar a variável i. Inicialmente, ela é atribuída o valor 10 e, em seguida, é incrementada de 5 cada vez até atingir o valor de 25.

Por que precisamos disso?

Para determinar precisamente o número de iterações e estabelecer condições especiais para as iterações.

Imagine que você de repente tem uma vontade de 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 que eu sugiro escrever um laço rápido que fará 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 é definido como 1, e a variável i representa o número que adicionaremos a cada iteração. Isso continua até adicionarmos o número 100. Após isso, o laço termina.

Preste atenção na operação que realizamos na variável res. Utilizamos res += i;, que é equivalente a res = res + i;. Isso nos permite simplificar qualquer reinstanciaçã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ê usará essa informação, mas ela é útil!

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

2. Qual parte de um laço 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 laço 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

Suggested prompts:

Can you explain how the for loop works step by step?

What happens if I change the increment value in the for loop?

Can you show an example with a different starting value or condition?

Awesome!

Completion rate improved to 2.94

booklaço `for`

Deslize para mostrar o menu

Vamos avançar para o tipo de laço mais comumente usado - o laço for. O laço for é um laço que executa um número especificado de operações definido pelo programador. Sua característica principal é que, dentro do laço, uma variável separada é criada para armazenar o número da iteração, bem como a condição para interromper o laço e a operação na variável criada. Vamos dar uma olhada na sintaxe:

para (inicialização; condição; incremento/decremento) {
    // Código a ser executado em cada iteração
}

Nesta sintaxe:

  • inicialização é executada uma vez antes do início do loop e é geralmente usada para inicializar um contador;
  • condição é a condição verificada antes de cada iteração. Se a condição for verdadeira, o loop continua a ser executado; se for falsa, o loop termina;
  • incremento/decremento é executado após cada iteração e é normalmente usado para aumentar ou diminuir o valor do contador.

Exemplo de utilização de um laço 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; – esta é a inicialização. É a variável que é criada quando entramos no laço de repetição e é excluída quando o laço completa todas as iterações necessárias. i é um índice, simplesmente porque os programadores têm preguiça de escrever a palavra inteira. Você pode dar a esta variável qualquer nome que desejar. Este índice é responsável por indicar qual iteração está acontecendo na sequência;
  • i <= 5; – esta é a condição. É o limite até o qual o número de iterações vai aumentar. Durante cada iteração, a variável i irá aumentar até alcançar o limite. No nosso caso, o limite é 5. Uma vez que i assuma o valor de 5, o laço será encerrado;
  • i++ – Este é o incremento. É o quanto vamos aumentar a variável i a cada iteração do laço. Operações diferentes podem ser usadas aqui. Por exemplo, i-- ou até mesmo i = i * 3. Qualquer operação;
  • console.log(`Número da iteração ${i}`); – esta é a operação que o laço vai executar. No nosso caso, estamos exibindo o valor da variável i para ver qual iteração está sendo executada atualmente.

Vamos olhar outro exemplo de uso do laço for para consolidar 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 alterar a variável i. Inicialmente, ela é atribuída o valor 10 e, em seguida, é incrementada de 5 cada vez até atingir o valor de 25.

Por que precisamos disso?

Para determinar precisamente o número de iterações e estabelecer condições especiais para as iterações.

Imagine que você de repente tem uma vontade de 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 que eu sugiro escrever um laço rápido que fará 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 é definido como 1, e a variável i representa o número que adicionaremos a cada iteração. Isso continua até adicionarmos o número 100. Após isso, o laço termina.

Preste atenção na operação que realizamos na variável res. Utilizamos res += i;, que é equivalente a res = res + i;. Isso nos permite simplificar qualquer reinstanciaçã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ê usará essa informação, mas ela é útil!

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

2. Qual parte de um laço 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 laço 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