JavaScript – Instruções condicionais, matriz e funções

Fabiana A. Silvestre Matheus

INSTRUÇÕES – CONDICIONAIS/LAÇOS/SALTOS

2
 if ... else

• Para verificar uma determinada condição e decidir qual bloco de instruções deve ser executado.

if ([condição]) {
// o código para ser executado caso a condição seja true.
}
else {
// o código para ser executado caso a condição seja falsa.

4
 switch

• Primeiro, deve-se avaliar uma variável; depois, abre-se um bloco de avaliação { } e, dentro deste bloco, usa-se os cases.

• Substitui o uso de vários if.

switch ([variável]) {
case [valor1]:
// código a ser executado caso seja valor1
break;
....
case [valorN]:
// código a ser executado caso seja valorN
break;
default:
// código a ser executado caso nenhum dos valores
//sejam satisfeito
}

6
 ►while
- Repetir um trecho de código enquanto uma condição for verdadeira.
- É possível definir quantas vezes um determinado trecho de código deve ser executado.
var contador = 0;
while ( contador < 10) {
document.write('Bom Dia <br>');
contador = contador+1;
}

►do .. while
- Executa o código primeiro e só depois verifica a condição.
var contador = 0;
do{
document.write('Bom Dia <br>');
contador = contador+1;
}while ( contador < 10)

►for
for(contador = 0; contador < 10; contador = contador + 1) {
document.write('Bom Dia <br>');
}

MATRIZES

8
 Array- é um tipo especial de variável.
• Ela não armazena somente um único valor, mas uma lista de
valores.
• Você cria um array e lhe atribui um nome da mesma maneira
como faria com qualquer outra variável (usando a palavra-
chave var seguida pelo nome do array).
• Os valores são atribuídos ao array dentro do par de colchetes, • Acessando itens em um array:
e cada valor é separado por uma vírgula (,). Os valores não var itemTerceiro;
precisam ser do mesmo tipo de dado. var itemTerceiro=curos[2];
• Os valores do índice iniciam em O.
• Criação de vetores: • Número deitens em um array:
var cursos: var numCursos;
var numCursos = cursos.length;
cursos= ["ADS", "SI", "CC"]; forma de preferência
var cursos=new Array ("ADS", "SI", "CC"]; construtor

JAVASCRIPT – FUNÇÕES

10
 JavaScript – Funções

 Combinam várias operações em um bloco de código e pode ser referenciada por um nome.
 Permite simplificar o código.
 Tipos de funções:
• Funções internas da linguagem.
• Funções definidas pelo programador.
 Funções da linguagem
• alert (função interna de caixa de diálogo).
• confirm (função interna de caixa de diálogo).
• prompt( ) – Permite a entrada de dados via teclado. Recebe uma string como
parâmetro que será a mensagem a ser exibida dentro da caixa de diálogo. Permite a
entrada de dados via teclado.

11

• eval(String) – Função que calcula o conteúdo de uma string.

• parseInt(String) – Converte uma String em um Inteiro.
• parseFloat (String) – Converte uma String em um ponto flutuante.
• length – Determina o tamanho de uma string.
• toLowerCase() – Devolve uma String com todos os caracteres convertidos para minúsculas.
• toUpperCase() – Idem, mas convertendo todos os caracteres para maiúsculas.
• substring(ini ,fim) – devolve uma String contida na String mãe, localizada entre as posições “ini" e “fim".
• getDate() – Devolve o dia do mês (inteiro entre 1 e 31).
• getDay() – Devolve o dia da semana (0 = Domingo, 1 = Segunda-Feira, ... ,6 = Sábado).
• getHours() – Devolve a hora (inteiro entre 0 e 23).
• getMonth() – Devolve o mês (inteiro entre 0 = Janeiro e 11 = Dezembro).
• getYear() – Devolve o ano correspondente à data em um formato de dois dígitos.

12
13

 Funções definidas pelo programador:

₋ A função é identificada pelo nome.
₋ A função é definida com um conjunto de parâmetros (valores) que são passados
para o interior, na chamada da função.
₋ A função deve devolver um determinado valor para a expressão que chamou a
função, por meio do return.
function nome (parâmetros) {
operação1;
operação2;
…
operaçãoN
return(valor);
}

14
15

JavaScript – Validação

• Como gerenciar propriedades de um formulário HTML usando JS?

• Presença de texto:
► Verificar se o usuário inseriu alguma coisa no campo de texto.

<html>
<head>
<script >
function verificarTexto() {
if (form.texto.value == "")
{alert ("Não há texto escrito") }
}
</script> - Há um campo de texto e um
</head> botão.
<body>
<form name="form">
<input type=text name="texto">
<input type=button onClick="verificarTexto()">
</form> - Ao pressionar o botão, verificar se
</body> o campo de texto está vazio ou não,
</html> dando um alerta como resposta.

16
 Verificar senha:
► Verificar se duas caixas de senhas são iguais ou não.
<html>
<head>
<script >
function verificarSenhas(){
if (document.form.senha1.value == document.form.senha2.value)
{alert ("As duas senhas conferem")
}
else { alert ("As duas senhas não conferem") }
}
</script>
</head>
<body>
<form name="form">
- Ao pressionar o botão, verificar se
<input type=text name="senha1"> o campo de texto está vazio ou
<input type=text name="senha2"> nã,o dando um alerta como
<input type="button" onClick="verificarSenhas()"> resposta.
</form>
</body>
</html>

17

18
19