Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End

Capítulo 20: Estruturas de Controle em Javascript: if, for, while

As estruturas de controle em JavaScript são essenciais para a programação, pois permitem que você controle o fluxo de execução do seu código. Neste capítulo, abordaremos as estruturas 'if', 'for' e 'while'.

1. A estrutura 'if'

A estrutura de controle 'if' é usada para executar um bloco de código se uma condição especificada for verdadeira. A sintaxe básica é:

        
        if (condição) {
            // código a ser executado se a condição for verdadeira
        }
        
    

Por exemplo, se quisermos verificar se uma variável 'x' é maior que 10, poderíamos escrever:

        
        if (x > 10) {
            console.log("x é maior que 10");
        }
        
    

2. A estrutura 'for'

A estrutura de controle 'for' é usada para repetir um bloco de código um número específico de vezes. A sintaxe básica é:

        
        for (inicialização; condição; incremento) {
            // código a ser executado em cada repetição
        }
        
    

Por exemplo, se quisermos imprimir os números de 1 a 5, poderíamos escrever:

        
        for (let i = 1; i <= 5; i++) {
            console.log(i);
        }
        
    

3. A estrutura 'while'

A estrutura de controle 'while' é usada para repetir um bloco de código enquanto uma condição especificada for verdadeira. A sintaxe básica é:

        
        while (condição) {
            // código a ser executado enquanto a condição for verdadeira
        }
        
    

Por exemplo, se quisermos imprimir os números de 1 a 5, poderíamos escrever:

        
        let i = 1;
        while (i <= 5) {
            console.log(i);
            i++;
        }
        
    

Essas estruturas de controle são a base da programação em JavaScript e são usadas em quase todos os programas. Elas permitem que você controle o fluxo do seu código, fazendo com que certos blocos de código sejam executados apenas sob certas condições ou repetidos um número específico de vezes. Compreender como e quando usar essas estruturas é essencial para se tornar um desenvolvedor JavaScript eficaz.

No próximo capítulo, exploraremos mais a fundo as estruturas de controle e aprenderemos sobre outras estruturas importantes, como 'switch' e 'do-while'. Continue lendo para aprender mais sobre como se tornar um desenvolvedor front-end eficaz com nosso curso completo de HTML, CSS e JavaScript.