Programação WEB I
Estruturas de controle e
repetição
Thiago Miranda dos Santos Souza
Programação Web I
Operadores de Incremento
Operadores de incremento servem como
expressões de atalho para realizar incrementos
em variáveis
Thiago Miranda dos Santos Souza
Programação Web I
Operadores de Incremento
Vamos Testar!
Crie um script javascript e teste o funcionamento dos
operadores de incremento, considerando que o valor
de x=30 e y=5, imprima os resultados das expressões
abaixo.
a = x += y;
a = x -= y;
a = x *=y;
a= x /=y;
Thiago Miranda dos Santos Souza
Auto-incremento
Programação Web I
Atalhos para adicionar e remover 1 ao valor de
uma variável.
Teste o funcionamento dos operadores de
Auto-incremento.
Thiago Miranda dos Santos Souza
Programação Web I
Pré-incremento vs Pós-incremento
Thiago Miranda dos Santos Souza
Programação Web I
Pré-incremento vs Pós-incremento
Pré-Incremento: A operação é realizada antes
da impressão da variável.
Pós-Incremento: A operação é realizada apenas
depois da impressão da variável.
Thiago Miranda dos Santos Souza
Programação Web I
Operadores de comparação
Operadores de comparação se destinam a realizar
operação de comparação entre dois operandos. O
Retorno desta comparação é um operador booleano
(True ou False)
Operador
Operação
==
Igualdade
===
Identidade
!=
Desigualdade
!==
Não identidade
>
Maior que
<
Menor que
>=
Maior que ou igual a
<=
Menor que ou igual a
Thiago Miranda dos Santos Souza
Igualdade
Programação Web I
O operador de igualdade retorna true se o operando
à esquerda for igual ao da direita e false caso o
contrário.
Vamos Testar!
var x = 43;
alert(x == 43);
alert(x==“43”);
alert(x==45);
Thiago Miranda dos Santos Souza
Identidade
Programação Web I
O operador de identidade retorna true se o operando à
esquerda for idêntico ao da direita e false caso contrário. É
verificado também se o tipo do dado é igual.
Vamos Testar!
var x = 43;
alert(x === 43);
alert(x===“43”);
alert(“45”===45);
Thiago Miranda dos Santos Souza
Programação Web I
Não igualdade,identidade
Os operadores de não igualdade (!=) e não identidade (!==)
funcionam ao contrário dos dois operadores anteriores.
Retornam false se os operandos forem iguais e true caso
contrário.
Vamos Testar!
var x = 43;
alert(x != 43);
alert(x !== “43”);
alert(“45” !== 45);
alert(“45” != 45);
Thiago Miranda dos Santos Souza
Maior que
Programação Web I
O operador maior que (>) retorna true se o operando à
esquerda for maior que o da direita e false caso contrário.
Vamos Testar!
var x = 43;
alert(x > 20);
alert(x > “45”);
Thiago Miranda dos Santos Souza
Menor que
Programação Web I
O operador menor que (>) retorna true se o operando à
esquerda for menor que o da direita e false caso contrário.
Vamos Testar!
var x = 43;
alert(x < 20);
alert(x < “45”);
Thiago Miranda dos Santos Souza
Programação Web I
Maior que ou igual e menor que ou igual
Os operadores maior que ou igual (>=) e menor que ou igual
(<=) funcionam de forma semelhantes ao maior que e ao
menor que, incluindo a cláusula de igualdade.
Vamos Testar!
alert(7 <= 20);
alert(10 >= 2);
alert( 5<=5);
Thiago Miranda dos Santos Souza
Programação Web I
Operadores Lógicos
O uso dos operadores lógicos é para tomar decisões com
base no retorno dos valores booleanos true e false
Operador
Operação
&&
e lógico (AND)
||
Ou lógico (OR)
!
Não lógico (NOT)
Thiago Miranda dos Santos Souza
Programação Web I
Lógico &&
O operador lógico AND retorna true se tanto o operando à
esquerda como o da direita são verdadeiros, caso o
contrário retorna false.
Esta operação somente retorna true se ambos os operandos
forem verdadeiros, caso um deles seja false, toda a operação
é falsa.
Vamos Testar!
alert((12 > 3) && (10<=15));
alert((2>18) && (10<=15));
Thiago Miranda dos Santos Souza
Programação Web I
Lógico ||
O operador lógico OR retorna true se um dos operandos for
verdadeiro, caso o contrário retorna false.
Esta operação somente retorna false se ambos os operandos
forem falsos, caso um deles seja true, toda a operação é
verdadeira.
Vamos Testar!
alert((10 > 5)|| (9<=13));
alert((5>10) || (9<=13));
alert((5>10) || (15<=13));
Thiago Miranda dos Santos Souza
Programação Web I
Lógico !
O operador lógico NOT (!), quando colocado antes de um
operando, inverte a condição boolena dele. Trata-se do
operador de negação, caso uma operação seja true ela se
torna false e vice versa.
Vamos Testar!
alert(!(10 > 5));
alert(!(5==10));
Thiago Miranda dos Santos Souza
Programação Web I
Estruturas condicionais
Destinam-se a criar estruturas de testes condicionais, ou
seja verificam uma expressão e tomam uma decisão
baseadas no resultado.
Normalmente, em javascript o fluxo do programa é linear:
cada instrução é processada por vez, uma após a outra.
Uma das abordagens mais comuns para se alterar o fluxo de
um programa em javascript é por meio de uma instrução
condicional.
Podemos traduzir uma estrutura condicional assim:
Teste esta expressão, se for verdadeira, faça isso, e se for
falsa, faça aquilo.
Thiago Miranda dos Santos Souza
Programação Web I
IF
A declaração if é a mais simples das estruturas de testes
condicionais. Testa uma expressão e, caso seja verdadeira,
executa o bloco de código que se segue.
var x = 5;
If(x == 5){
alert(“A variável é igual a 5”);
}
Thiago Miranda dos Santos Souza
Programação Web I
IF
Vamos testar
Faça um programa que receba uma idade e verifique se esta
idade é menor que 12, se for verdade imprima uma
mensagem avisando que se trata de uma criança.
Thiago Miranda dos Santos Souza
Programação Web I
ElSE
A declaração else é utilizada em conjunto com a declaração
if e destina-se a uma tomada de decisão específica para caso
o teste condicional resultar em falso.
var x = 6;
If(x == 5){
alert(“A variável é igual a 5”);
}else{
alert(“A variável não é igual a 5”);
}
Thiago Miranda dos Santos Souza
Programação Web I
IF ... Else
Vamos testar
Crie um outro programa que recebe uma idade qualquer e
executa um teste para verificar se esta idade é maior que 12
e menor que 18, caso seja verdadeiro imprima que esta
pessoa é um adolescente, caso contrário imprima uma
mensagem falando que esta pessoa não é um adolescente.
Thiago Miranda dos Santos Souza
Programação Web I
ELSE IF
A declaração else if é utilizada em conjunto com a declaração if/else e
destina-se a permitir um encadeamento de mais de dois testes para
uma tomada de decisão. Com esta declaração uma expressão é
testada duas ou mais vezes e quando um teste resulta em verdadeiro,
executa o bloco de código a seguir, caso nenhuma resulte em
verdadeiro, o bloco de código após o else é executado.
var x = 7;
If(x == 5){
alert(“A variável é igual a 5”);}
Else if(x==6){
(“A variável é igual a 6”);}
else{
alert(“A variável não é igual a 5 nem a 6”);}
Thiago Miranda dos Santos Souza
Programação Web I
ELSE IF
Vamos Testar!
Incremente o programa anterior utilizando (IF, ELSE e ELSE IF) para
testar uma idade recebida e retornar qual a descrição se encaixa
melhor.
Menor ou igual a 12 anos - Criança
Maior que 12 e menor ou igual 15 – Pré- Adolescente
Maior que 15 e menor que 21 – Adolescente
Maior ou igual a 21 e menor que 60 – Adulto
Maior que 60 – Idoso
Thiago Miranda dos Santos Souza
Programação Web I
Switch
A declaração Switch destina-se a criar uma estrutura de testes
condicionais que funciona à semelhança de um sistema de
chaveamento. Tudo se passa como se o retorno de uma condição
verdadeira ligasse uma chave desencadeando a execução de um bloco
de código.
Switch(expressão){
Case resultado 1:
script 1;
break;
Case resultado 2:
script 2;
break;
Default:
script padrão;}
Thiago Miranda dos Santos Souza
Programação Web I
Switch
Vamos Testar!
Crie um programa que receba o seu nome e a sua idade, e logo depois
um menu para que você possa selecionar as seguintes opções:
1 – Imprimir o seu nome
2 – Imprimir o ano aproximado do seu nascimento
3 – Sair do programa sem imprimir nada
Thiago Miranda dos Santos Souza
Programação Web I
Estruturas para Loops
Declarações for, while, do/while e for in destinam-se a criar loops ou
estruturas de repetição, que são constituídos de blocos de código
executados repetidas vezes até que se atinja uma determinada
condição.
Um loop basicamente testa uma condição e executa um código, a
seguir testa novamente e executa o mesmo código, e assim por diante,
até que a condição seja satisfeita.
Atribua à variável i o valor 0 e enquanto a variável i for menor do que
10 mostre uma caixa de alerta com o valor de i.
Thiago Miranda dos Santos Souza
Programação Web I
FOR
O bloco de código de um laço for deve ser
processado com base em um conjunto fixo de
circunstâncias.
Sintaxe:
for(inicialização; condição; modificação)
{
...
}
Thiago Miranda dos Santos Souza
Programação Web I
FOR
Exemplo:
for (num = 1; num <= 10; num++) {
document.write("O numero é " + num + "<br>\n”);
}
document.write('Fim');
Thiago Miranda dos Santos Souza
Programação Web I
FOR
Vamos Testar!
Crie um programa que gere no documento a tabuada
do número 2 utilizando a estrutura de repetição FOR.
Utilize document.write para imprimir.
Thiago Miranda dos Santos Souza
Programação Web I
WHILE
É a estrutura de repetição mais simples em
JavaScript, testa uma condição no início de cada laço
e continua se a expressão a ser avaliada continuar
sendo verdadeira.
Sintaxe:
while(expressão)
{
...
}
Thiago Miranda dos Santos Souza
Programação Web I
WHILE
Exemplo:
num = 0;
While(num <= 10) {
document.write("O numero é " + num + "<br>\n”);
num++;
}
document.write('Fim');
Thiago Miranda dos Santos Souza
Programação Web I
WHILE
Vamos Testar!
Obtenha um número digitado pelo usuário e repita
a operação de multiplicar ele por três (imprimindo o
novo valor) até que ele seja maior do que 100. Ex.:
se o usuário digita 5, deveremos observar na tela a
seguinte sequência: 5 15 45 135 (utilize while()).
Utilize document.write para imprimir.
Thiago Miranda dos Santos Souza
Programação Web I
DO WHILE
Na expressão while vista anteriormente a expressão
condicional é processada antes do laço ser
executado. Se a condição for falsa o código nunca
será executado. No Do While o código é executado
ao menos um vez, já que a condição é testada depois
da execução.
Sintaxe:
do
{
...
} while(expressão)
Thiago Miranda dos Santos Souza
Programação Web I
DO WHILE
Exemplo:
num = 10;
do {
document.write("O numero é " + num + "<br>\n”);
num++;
} while(num < 10);
document.write('Fim');
Thiago Miranda dos Santos Souza
Programação Web I
Exercício
• Faça um programa que receba três números digitados pelo usuário e
informe qual o maior e qual o menor destes números.
• Utilize estruturas de repetição e controle para receber ao menos 10
números vindos do usuário e imprimir se este número é par ou ímpar.
• Crie um programa que receba dois números e imprima todos os números
entre eles.
Thiago Miranda dos Santos Souza
Programação Web I
Exercício
Fazer um programa para ler o nome, 3 notas e mostrar a média
com a mensagem:
Inferior a 5,0 – “Reprovado”
De 5,1 a 6,9 – “Recuperação”
De 7,0 a 10 – “Aprovado”
Obs: mostrar o nome.
•
• Criar um programa para identificar se um dia da semana
(numerados de 1 a 7) é dia de semana, fim de semana ou um dia
inválido. Sendo que 1 é Segunda-Feira e 7 é Domingo. (Utilize Swith
Case para isso)
Por Exemplo: O usuário entra o número 6, o sistema deve retornar
Sábado – Fim de Semana.
Thiago Miranda dos Santos Souza