JavaScript pt.
2 Use o Notion de gra
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") {
[Link]("Hoje é segunda-feira."); } else if (diaSemana === "terça-feira") {
[Link]("Hoje é terça-feira."); } else if (diaSemana === "quarta-feira") {
[Link]("Hoje é quarta-feira."); } else if (diaSemana === "quinta-feira") {
[Link]("Hoje é quinta-feira."); } else { [Link]("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.'; } [Link](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(() => { [Link]('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(() => { [Link](contador);
contador--; if (contador === 0) { clearInterval(intervalo); [Link]('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++) { [Link](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) { [Link](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) { [Link](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 { [Link](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]; [Link](function(numero) {
[Link](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);
[Link](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') { [Link]('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');
[Link](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.