Lógica de Programação com Javascript - Aula #02
-
Upload
ramon-kayo -
Category
Technology
-
view
537 -
download
0
Transcript of Lógica de Programação com Javascript - Aula #02
![Page 1: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/1.jpg)
Aula #02Variáveis e tipos de dados
![Page 2: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/2.jpg)
Aula #02 - Variáveis e tipos de dados Ramon Kayo - 2013/2014
Variáveis
● Enquanto um programa de computador processa dados, ele precisa guardar dados temporariamente.
● O computador utiliza espaços na memória RAM, chamados de variáveis, para guardar dados temporários.
idade peso altura IMC x
A memória RAM guarda
dados temporários. Onde ficam
os dados permanentes?
● As variáveis são como pequenas caixas na memória RAM, que servem para guardar coisas. As variáveis
precisam ser nomeadas, como se fossem etiquetadas.
![Page 3: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/3.jpg)
Ramon Kayo - 2013/2014
Tipos de dados
Aula #02 - Variáveis e tipos de dados
● As variáveis guardam dados temporários, que podem ter vários tipos, dependendo de cada linguagem:
idade
altura
nome
➔ 1,90➔ 1,65➔ 2,10➔ 1,78
➔ 18➔ 53➔ 27➔ 6
➔ Felipe➔ Maria➔ André➔ Carolina
}
}
}
Números Inteiros
Números flutuantes
Caracteres Alfanuméricos (string)
fato➔ VERDADEIRO➔ FALSO
Valor Booleano}
X➔ VAZIO
Para que serve um
valor VAZIO?
![Page 4: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/4.jpg)
Ramon Kayo - 2013/2014
Declaração e atribuição de valores
Aula #02 - Variáveis e tipos de dados
● Declarar uma variável quer dizer criar uma variável.
● Algumas linguagens obrigam declarações de variáveis com tipos definidos, outra não.
● Sobre as linguagens que não obrigam a tipificar as variáveis, dizemos que tem ‘tipificação dinâmica’.
Para declarar uma variável em Javascript:
<script>
var idade = 25;
idade = 26; //O que acontece aqui? Por que não tem ‘var’ nessa linha?
</script>
var idade = 25;
nome da variável
comando de declaração
valor da variávelidade
25atribuição
![Page 5: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/5.jpg)
Ramon Kayo - 2013/2014
Desclaração e atribuição de valores
Aula #02 - Variáveis e tipos de dados
Exemplos de variáveis de diferentes tipos em Javascript:
<script>
var idade = 25; //int: número inteiro
var altura = 1.75; //float: número decimal
var nome = “João”; //string: texto (note as aspas)
var maiorDeIdade = true; //boolean: verdadeiro (true) ou falso (false)
var vazio = null; //vazio
</script>
Em Javascript as variáveis são dinâmicas:
<script>
var idade = 25; //a variável é int
idade = “vinte e cinco”; //agora a variável é string
</script>
![Page 6: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/6.jpg)
Ramon Kayo - 2013/2014
Desclaração e atribuição de valores
Aula #02 - Variáveis e tipos de dados
Você pode atribuir uma variável a outra:
<script>
var idade1 = 25;
var idade2 = idade1; //agora, as duas contém 25
</script>
Você pode dar saída em uma variável, pois ela é o próprio valor:
<script>
var idade1 = 25;
idade1 = “vinte e cinco”;
alert(“idade1”); //mostra 25 ou “vinte e cinco”?
</script>
![Page 7: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/7.jpg)
Ramon Kayo - 2013/2014
Desclaração e atribuição de valores
Aula #02 - Variáveis e tipos de dados
Atenção ao dar saída em uma variável:
<script>
var idade1 = 25;
idade1 = “vinte e cinco”;
alert(“idade1”); //mostra “idade1”!
alert(idade1); //mostra “vinte e cinco”!
</script>
![Page 8: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/8.jpg)
Ramon Kayo - 2013/2014
Desclaração e atribuição de valores
Aula #02 - Variáveis e tipos de dados
Você pode receber o valor da variável do usuário:
<script>
var idade = prompt(“Digite sua idade:”);
alert(idade);
</script>
Você entende o código abaixo? Será que ele funciona? O que faz?
<script>
alert(prompt(“Digite sua idade:”));
</script>
![Page 9: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/9.jpg)
Ramon Kayo - 2013/2014
Exercícios
1. Sem atribuir números diretamente às variáveis existentes e sem mexer no código existente, remaneje as
variáveis para que as saídas sejam as determinadas abaixo:
Aula #01 - O que é programação, entrada e saída?
<script>
var a = 1;
var b = 2;
var c = 3;
//Programe aqui
alert(a); //deve mostrar 3
alert(b); //deve mostrar 1
alert(c); //deve mostrar 2
</script>
![Page 10: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/10.jpg)
Ramon Kayo - 2013/2014
Exercícios
2. Escreva um código que receba o nome de dois usuários, inverta-os entre variáveis, e mostre-os na tela:
Aula #01 - O que é programação, entrada e saída?
<script>
//Programe aqui
</script>
![Page 11: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/11.jpg)
Respostas
![Page 12: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/12.jpg)
Ramon Kayo - 2013/2014
Respostas
1. Sem atribuir números diretamente às variáveis existentes e sem mexer no código existente, remaneje as
variáveis para que as saídas sejam as determinadas abaixo:
Aula #01 - O que é programação, entrada e saída?
<script>
var a = 1;
var b = 2;
var c = 3;
var aux = a;
a = c;
c = b;
b = aux;
alert(a); //deve mostrar 3
alert(b); //deve mostrar 1
alert(c); //deve mostrar 2
</script>
![Page 13: Lógica de Programação com Javascript - Aula #02](https://reader030.fdocumentos.com/reader030/viewer/2022020116/559aecf11a28ab88218b45af/html5/thumbnails/13.jpg)
Ramon Kayo - 2013/2014
Respostas
2. Escreva um código que receba o nome de dois usuários, inverta-os entre variáveis, e mostre-os na tela:
Aula #01 - O que é programação, entrada e saída?
<script>
var nome1 = prompt(“Digite o 1o nome:”);
var nome2 = prompt(“Digite o 2o nome:”);
var aux = nome1;
nome1 = nome2;
nome2 = aux;
alert(nome1);
alert(nome2);
</script>