Este documento apresenta conceitos fundamentais sobre concatenação de strings e conversão de tipos de dados em JavaScript, incluindo operadores de comparação e lógicos para tomar decisões. É explicado como concatenar strings com e sem espaços, converter strings para números e vice-versa, e como utilizar estruturas condicionais como if/else e switch para executar código com base em resultados de comparações.

1. JavaScript
(slides pertencentes à última aula)

2. Concatenação de strings
• Exemplos:
• var nome = “Ana” + “Lopes”; => “AnaLopes”
• var nome = “Ana” + “ Lopes”; => “Ana Lopes”
• var nome = “Ana” + “ “ + “Lopes”; => “Ana Lopes”
• Concatenação de strings com números:
• var t = “A minha idade: “ + 21; => “A minha idade: 21”

3. Conversão para número
• Soma de duas strings que podem ser interpretadas como número:
• var soma = “12” + “34”; => “1234”
• var resultado = “2” * “4”; => 8
• var legumes = 1 + 4 + “nabos”; => “5nabos”
• var legumes = “nabos” + 1 + 4; => “nabos14”
• Conversão para número
• parseInt(string); => número inteiro
• parseFloat(string); => número real

4. parseInt() e parseFloat()
• Exemplos:
• var soma = parseInt(“12”) + parseInt(“34”); => 46
• var numero = parseInt(“342abb”); => 342
• var numero = parseFloat(“3.02ppp”); => 3.02
• Nem sempre é possível converter para número:
• var num = parseInt(“teste”); => NaN (Not a Number)
• var num = parseInt(“a123”); => NaN

5. Tipos de dados: para mais detalhes
• Estudar Capítulo 3, até à pág. 40, do livro “Professional JavaScript for Web
Developers”
• Exemplos mais complexos:
• var num3 = Number(“000011”); //11
• isNaN(10); //false
• if (string) -> true ou false?
• var num3 = parseInt(“10”, 10); //10 - parsed as decimal
• ...

6. Comentários
• Uma linha:
// Isto é um comentário de uma linha
// Para segunda linha é necessário repetir código
• Várias linhas:
/*
Isto é um comentário multi-linha
que só termina quando encontrar
*/

7. JavaScript: Decisões... decisões
Carlos Santos
LabMM 3 - NTC - DeCA - UA
Aula 07, 03-10-2012

8. E o talvez?

9. Um computador...
• é capaz de tomar decisões com base na informação recolhida;
• as decisões são tomadas com base em condições;
• todas as condições têm que resultar num valor booleano: true ou false
• normalmente, as condições são construídas tendo por base operadores
de comparação e operadores lógicos.

10. Operadores de comparação
operador
operando esquerdo operando direito
a < b
“O valor de a é menor do que o valor de b?
true false

11. Operadores de comparação
Operador Significado
== igual
< menor
> maior
<= menor ou igual
>= maior ou igual
!= diferente (não igual)

12. Operadores de comparação: exemplos
var a = 5;
var b = 10;
var c = 2;
• Qual o resultado das seguintes comparações?
a > b; //?
b < 50; //?
a >= 10 % 2; //?
a > b > c; //?

13. Operadores de comparação: precedências
Operadores Precedência
<, >, <=, >= mais elevada
==, != menos elevada

14. Operadores de comparação: exemplos
var a = 5;
var b = 10;
var c = 2;
• Qual o resultado das seguintes comparações?
a > b == b < c; //?

15. Tantos iguais?
Operador Significado
= atribuição
== comparação: igual
comparação: igual com verificação de tipo
===
de dados

16. Armazenar resultados de comparações
var age = prompt(“Enter age:”, “”);
var isOverSixty = parseInt(age) > 60;
document.write(“Older than 60: “ + isOverSixty);
//Older than 60: false|true
Exemplo retirado de “Beginning JavaScript”, pág. 54

17. Operadores lógicos
Operador Significado
&& AND (E)
|| OR (OU)
! NOT (NEGAÇÃO)

18. Operadores lógicos: como utilizar
• “A UA tem mais de 45 anos e menos de 50 anos?”
• 45 < idadeUA < 50; //?
• idadeUA > 45 && idadeUA < 50; //?
• NOTA: os operadores lógicos têm menor precedência do que os operadores
de comparação.

19. Tabelas de verdade: AND
a b a && b
TRUE TRUE TRUE
FALSE TRUE FALSE
TRUE FALSE FALSE
FALSE FALSE FALSE

20. Tabelas de verdade: OR
a b a || b
TRUE TRUE TRUE
FALSE TRUE TRUE
TRUE FALSE TRUE
FALSE FALSE FALSE

21. Tabelas de verdade: NOT
a !a
TRUE FALSE
FALSE TRUE

22. Operadores lógicos: exemplos
var a = 5;
var b = 10;
var c = 2;
• Qual o resultado das seguintes comparações?
a > b && b < c; //?
a < b && b < c; //?
a < b || b < c; //?
a > b && b < c; //?
!(a > c); //?
a < b || b < c && a < c; //?

23. Como tomar decisões?
false
Se (condição)
true

24. O que fazer? (1)
false
Se (condição)
true
instruções;

25. O que fazer? (2)
false
Se (condição)
true instruções;
instruções;

26. O que fazer? (3)
false
Se (condição)
Se false
true
(condição2)
instruções;
true

27. if ...
if (condição)
instrução;
if (condição) {
instruções;
}

28. if ... else
if (condição)
instrução1;
else
instrução2;
if (condição) {
instruções1;
} else {
instruções2;
}

29. if ... else if ... (múltiplos)
if (condição1) {
instruções1;
} else
if (condição2){
instruções2;
} else {
instruções3;
}

30. Como tomar decisões múltiplas?
default
variável
valor1
valorN

31. switch
switch (n) {
case 1:
instruções1;
break;
case 2:
instruções2;
break;
default:
instruções se n é diferente de 1 e 2;
}