Materiais de… / ... / JavaScript pt.

2 Criado com o

JavaScript pt.2

Else if
O Else if em JavaScript é uma construção utilizada para adicionar condições adicionais em uma
estrutura condicional if . Essa construção permite testar várias condições sequencialmente,
fornecendo blocos de código alternativos para executar, caso as condições anteriores não sejam
atendidas. Isso é útil quando há mais de duas possibilidades de resultado a serem consideradas.
Cada else if é seguido por uma nova condição a ser testada. Se a condição anterior for falsa, a
próxima condição será avaliada. Se a condição atual for verdadeira, o bloco de código
correspondente será executado. Se nenhuma das condições anteriores for verdadeira, o bloco
else opcional será executado.

JavaScript

let diaSemana = "quarta-feira"; if (diaSemana === "segunda-feira") {

console.log("Hoje é segunda-feira."); } else if (diaSemana === "terça-feira") {
console.log("Hoje é terça-feira."); } else if (diaSemana === "quarta-feira") {
console.log("Hoje é quarta-feira."); } else if (diaSemana === "quinta-feira") {
console.log("Hoje é quinta-feira."); } else { console.log("Hoje não é segunda,
terça, quarta ou quinta-feira."); }

Nesse exemplo, o valor da variável diasSemana é "quarta-feira". O código testa cada condição
sequencialmente e, como a terceira condição é verdadeira, o bloco de código correspondente ao
else if (diaSemana ===”quarta-feira”) será executado, exibindo a mensagem "Hoje é quarta-
feira." no console.

Switch case
O switch é uma estrutura de controle em JavaScript que permite avaliar expressões e executar
diferentes blocos de código com base no valor dessas expressões. Ele é útil quando se tem
múltiplas condições para verificar e executar ações diferentes em cada caso.
Exemplo:

JavaScript

const diaDaSemana = 5; let mensagem; switch (diaDaSemana) { case 1: mensagem =

'Hoje é segunda-feira.'; break; case 2: mensagem = 'Hoje é terça-feira.';
break; case 3: mensagem = 'Hoje é quarta-feira.'; break; case 4: mensagem =
'Hoje é quinta-feira.'; break; case 5: mensagem = 'Hoje é sexta-feira.'; break;
case 6: mensagem = 'Hoje é sábado.'; break; case 7: mensagem = 'Hoje é
domingo.'; break; default: mensagem = 'Dia inválido.'; } console.log(mensagem);
// Output: Hoje é sexta-feira.

Neste exemplo, a variável diaDaSemana possui o valor 5, correspondendo a sexta-feira. O switch

verifica o valor de diaDaSemana e executa o código associado ao caso correspondente. No caso
de diaDaSemana ser 5, a mensagem 'Hoje é sexta-feira.' será atribuída à variável mensagem.

SetTimeout & setInterval

SetTimeout e setInterval são funções em JavaScript que permitem agendar a execução de código
após um determinado intervalo de tempo.

• A função setTimeout é usada para executar um bloco de código após um intervalo de tempo
específico.
Exemplo:

JavaScript

setTimeout(() => { console.log('Passaram-se 3 segundos.'); }, 3000);

Neste exemplo, a função anônima é executada após 3 segundos (3000 milissegundos). A

mensagem 'Passaram-se 3 segundos.' será exibida no console.

• A função setInterval é usada para executar repetidamente um bloco de código em intervalos

regulares.
Exemplo:
 JavaScript

let contador = 10; const intervalo = setInterval(() => { console.log(contador);

contador--; if (contador === 0) { clearInterval(intervalo);
console.log('Contagem regressiva concluída.'); } }, 1000);

Neste exemplo, a função anônima é executada a cada segundo (1000 milissegundos). A variável
contador é decrementada a cada iteração e exibida no console. Quando o contador chega a 0, o
clearInterval é chamado para parar a execução do setInterval e a mensagem 'Contagem
regressiva concluída.' é exibida no console.
Ambas as funções setTimeout e setInterval são úteis para agendar ações em um determinado
momento ou em intervalos de tempo regulares, permitindo a execução assíncrona de código em
JavaScript.

For
O for é uma estrutura de controle em JavaScript que permite executar um bloco de código
repetidamente por um determinado número de vezes. É especialmente útil quando você sabe
quantas iterações são necessárias.

• A inicialização é uma expressão que é executada antes do loop iniciar e geralmente é usada
para inicializar variáveis de controle.

• A condição é uma expressão que é verificada antes de cada iteração. Se a condição for
avaliada como verdadeira, o bloco de código é executado; caso contrário, o loop é encerrado.

• A expressão final é uma expressão que é executada após cada iteração e geralmente é usada
para atualizar as variáveis de controle.
Exemplo:

JavaScript

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

Neste exemplo, a variável i é inicializada com o valor 1. A condição i <= 5 é verificada antes de
cada iteração. Enquanto a condição for verdadeira, o bloco de código é executado, exibindo o
valor atual de i no console. Após cada iteração, a expressão i++ é executada para incrementar o
valor de i . O loop é encerrado quando i alcança o valor 6.
For of
O for of é uma estrutura de loop introduzida no ECMAScript 2015 (também conhecido como ES6)
em JavaScript. Ele permite percorrer elementos iteráveis, como arrays, strings, Map, Set, entre
outros, de uma maneira mais simples e concisa.
Exemplo:

JavaScript

const numeros = [1, 2, 3, 4, 5]; for (const numero of numeros) {

console.log(numero); } // 1 // 2 // 3 // 4 // 5

Neste exemplo, o array numeros é percorrido usando o for of. Em cada iteração, o valor atual do
elemento é atribuído à variável numero, e em seguida, o valor é exibido no console.

For in
O for in é uma estrutura de loop em JavaScript que permite iterar sobre as propriedades
enumeráveis de um objeto. Ele percorre todas as propriedades enumeráveis, incluindo as
propriedades herdadas do protótipo do objeto.
Exemplo:

JavaScript

const pessoa = { nome: 'João', idade: 30, profissao: 'Engenheiro' }; for (const
propriedade in pessoa) { console.log(propriedade + ': ' + pessoa[propriedade]);
} // nome: João // idade: 30 // profissao: Engenheiro

Neste exemplo, o objeto pessoa possui três propriedades: nome, idade e profissao. O for in é
usado para percorrer essas propriedades. Em cada iteração, o nome da propriedade é atribuído à
variável propriedade, e o valor correspondente é exibido no console usando pessoa[propriedade].

Do while
O do while é uma estrutura de loop em JavaScript que executa um bloco de código uma vez e, em
seguida, verifica uma condição para determinar se deve continuar a executar o bloco novamente.
Ao contrário do for e do while , o do while garante que o bloco de código seja executado pelo
menos uma vez, independentemente da condição.
Exemplo:

JavaScript

let contador = 1; do { console.log(contador); contador++; } while (contador <=

5); // 1 // 2 // 3 // 4 // 5

Neste exemplo, o bloco de código dentro do do é executado primeiro. Em cada iteração, o valor
atual do contador é exibido no console e, em seguida, o contador é incrementado. Depois disso, a
condição contador <= 5 é verificada. Se for verdadeira, o bloco de código é executado novamente.
O loop é encerrado quando contador atinge o valor 6.

forEach
O método forEach() é uma funcionalidade incorporada em arrays em JavaScript, que permite
iterar de forma simples e concisa sobre os elementos do array, executando uma função de
callback para cada elemento.
Exemplo:

JavaScript

const numeros = [1, 2, 3, 4, 5]; numeros.forEach(function(numero) {

console.log(numero); }); // 1 // 2 // 3 // 4 // 5

Neste exemplo, o método forEach() é chamado no array numeros. Para cada elemento do array, a
função de callback é executada, exibindo o valor do elemento no console.

Function Argumentos/Parâmetros
Em JavaScript, você pode definir funções que recebem argumentos ou parâmetros, que são
valores que podem ser passados para a função quando ela é chamada. Esses argumentos são
usados dentro do corpo da função para realizar operações ou processamentos específicos. Você
também pode definir funções com vários parâmetros separados por vírgula
Exemplo:

JavaScript

function soma(a, b) { return a + b; } const resultado = soma(3, 4);

console.log(resultado);

Neste exemplo, a função soma recebe dois parâmetros a e b. Quando a função é chamada com
os argumentos 3 e 4, ela retorna a soma desses dois valores. O resultado, que é 7, é armazenado
na variável resultado e, em seguida, é exibido no console.
Os parâmetros em JavaScript são opcionais. Se você chamar uma função sem fornecer todos os
argumentos esperados, os parâmetros restantes serão definidos como undefined. Você também
pode definir valores padrão para os parâmetros, caso nenhum argumento seja fornecido durante a
chamada da função.

JavaScript

function saudacao(nome = 'Visitante') { console.log('Olá, ' + nome + '!'); }

saudacao(); // Saída: Olá, Visitante! saudacao('Maria'); // Saída: Olá, Maria!

Neste exemplo, a função saudacao tem um parâmetro nome com um valor padrão definido como
‘Visitante’. Se nenhum argumento for fornecido durante a chamada da função, o valor padrão será
usado. Se um argumento for fornecido, o valor do parâmetro será substituído pelo argumento
fornecido.
Os argumentos e parâmetros em JavaScript permitem que as funções sejam flexíveis e capazes
de trabalhar com diferentes valores, permitindo que você reutilize o mesmo código com diferentes
dados de entrada.

FunctionReturn
A declaração return é usada dentro de uma função para especificar o valor que a função deve
retornar quando for chamada. O valor retornado pode ser de qualquer tipo de dado, como
números, strings, objetos ou até mesmo outras funções.
Exemplo:

JavaScript

function saudacao(nome) { if (!nome) { return; // Encerra a função e retorna

undefined } return 'Olá, ' + nome + '!'; } const mensagem = saudacao('João');
console.log(mensagem);

Neste exemplo, a função saudacao verifica se o parâmetro nome é fornecido. Se o nome não for
fornecido, a função é encerrada imediatamente e retorna undefined. Caso contrário, a função
retorna uma mensagem de saudação concatenando o nome fornecido. A mensagem é
armazenada na variável mensagem, em seguida, é exibida no console.