Javascript

Aula 04
PROF. GUSTAVO LINHARES
OBJETIVOS

 Aprender as condicionais Javascript.

Declarações condicionais

 Declarações condicionais são usadas para executar diferentes

ações com base em condições diferentes.

 Muitas vezes, quando você escreve código, você quer realizar

diferentes ações para diferentes decisões.
Em JavaScript, temos as seguintes
declarações condicionais:
 Use if para especificar um bloco de código a ser executado, se
uma condição específica for verdadeira
 Use else para especificar um bloco de código a ser executado, se
a mesma condição for falsa
 Use else if para especificar uma nova condição para testar, se a
primeira condição for falsa
 Use a switch para especificar muitos blocos de código alternativos
a serem executados
A declaração if

 Use a instrução if para especificar um bloco de código JavaScript a

ser executado se uma condição for verdadeira.

Sintaxe
if (condition) {
block of code to be executed if the condition is true
}

Exemplo
https://www.w3schools.com/js/tryit.asp?filename=tryjs_ifthen
A condição else

 Use a instrução else para especificar um bloco de código a ser

executado se a condição for falsa.

if (hour < 18) {

greeting = "Good day";
} else {
greeting = "Good evening";
}
Exemplo:
https://www.w3schools.com/js/tryit.asp?filename=tryjs_ifthenelse
A condição else if

 Use a instrução else if para especificar uma nova condição se a

primeira condição for falsa.

if (time < 10) {

greeting = "Good morning";
} else if (time < 20) {
greeting = "Good day";
} else {
greeting = "Good evening";
}
https://www.w3schools.com/js/tryit.asp?filename=tryjs_elseif
Declaração switch

 A declaração switch é usada para executar diferentes ações com

base em condições diferentes.
 Use a instrução switch para selecionar um dos muitos blocos de
código a serem executados
Declaração Switch

 Sintaxe
switch(expression) {
case n:
code block
break;
case n:
code block
break;
default:
code block
}
Declaração Switch

Exemplo
 O método getDay () retorna o dia da semana como um número
entre 0 e 6.

 (Domingo = 0, segunda-feira = 1, terça-feira = 2 ..)

 Este exemplo usa o número do dia da semana para calcular o

nome do dia da semana:
Declaração Switch

switch (new Date().getDay()) {

case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
Declaração Switch

case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
}
O resultado do dia será:

Wednesday
Exercício

1. Use a instrução if para imprimir algum texto se 5 for maior que 2.

2. Escreva uma instrução if com a seguinte condição: 10 é maior que
5. Se a condição for verdadeira, exiba "Eu fiz isso!".
3. Escreva uma instrução if / else com a seguinte condição: Se a
idade da variável for maior que 18, a saída “Muito velho", caso
contrário, a saída "Muito jovem".
Loops de JavaScript

 Loops podem executar um bloco de código um número de vezes.

O JavaScript suporta diferentes tipos de loops:

 while - percorre um bloco de código enquanto uma condição

especificada é verdadeira
 do/ while - também percorre um bloco de código enquanto uma
condição especificada é verdadeira;
 for - percorre um bloco de código várias vezes
Estrutura de controle while

 Loops podem executar um bloco de código desde que uma

condição específica seja verdadeira.
Sintaxe
while (condition) {
code block to be executed
}
Estrutura de controle while

Exemplo
 No exemplo a seguir, o código no loop será executado, uma e
outra vez, desde que uma variável (i) seja inferior a 10:

Exemplo
while (i < 10) {
text += "The number is " + i;
i++;
}
Estrutura de controle do / While

 O loop do / while é uma variante do loop while. Este loop

executará o bloco de código uma vez, antes de verificar se a
condição é verdadeira, então ele irá repetir o loop enquanto a
condição for verdadeira.

Sintaxe:
do {
code block to be executed
}
while (condition);
Estrutura de controle do / While

O exemplo abaixo usa um loop do / while. O loop sempre será executado

pelo menos uma vez, mesmo que a condição seja falsa, porque o bloco
de código é executado antes da condição ser testada:

Clique aqui para executar o exemplo:

do {
text += "The number is " + i;
i++;
}
while (i < 10);
Estrutura de controle do / While

 O loop neste exemplo usa um loop while para coletar os nomes dos
carros da matriz de carros:
Clique aqui para executar o exemplo:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

while (cars[i]) {
text += cars[i] + "<br>";
i++;
}
Exercícios

 Exercício 01
 Exercício 02
 Exercício 03
 Exercício 04
 Exercício 05
Estrutura de controle for

 O loop for geralmente é a ferramenta que você usará quando

desejar criar um loop.

 O loop for possui a seguinte sintaxe:

for (statement 1; statement 2; statement 3) {

code block to be executed
}
Estrutura de controle for

 A declaração 1 é executada antes do início do loop (o bloco de

código).

 A instrução 2 define a condição para executar o loop (o bloco de

código).

 A declaração 3 é executada cada vez que o loop (o bloco de

código) foi executado.
Estrutura de controle for
exemplo:
<!DOCTYPE html>
<html>
<head>
<title> Exemplo de laço for</title>
</head>
<body>
<script language=“javascritp”>
document.write(“<table border=\”1\”>”);
Estrutura de controle for

for(i=1;i<10;i++){
document.write(“<tr><td>”);
document.write(“linha”+ i”);
document.write(“</td></tr>”);
}
document.write(“</table>”);
</script>
</body>
</html>
Exercício

 Execute o código do exemplo anterior.

 Exercício 01
 Exercício 02
 Exercício 03
 Exercício 04
 Exercício 05
 Exercício 06