Aula #02
Variáveis e tipos de dados
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.

guarda
memória RAM
A
de ficam
emporários. On
dados t
nentes?
os dados perma

●

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.

idade

Aula #02 - Variáveis e tipos de dados

peso

altura

IMC

x

Ramon Kayo - 2013/2014
Tipos de dados
●

As variáveis guardam dados temporários, que podem ter vários tipos, dependendo de cada linguagem:

idade

altura

nome

➔
➔
➔
➔

18
53
27
6

➔
➔
➔
➔

1,90
1,65
2,10
1,78

➔
➔
➔
➔

Felipe
Maria
André
Carolina

Aula #02 - Variáveis e tipos de dados

}

Números Inteiros

}

Números flutuantes

}

➔
➔

fato

X

Caracteres Alfanuméricos (string)

VERDADEIRO
FALSO

➔

}

Valor Booleano

VAZIO

um
Para que serve
valor VAZIO?

Ramon Kayo - 2013/2014
Declaração e atribuição de valores
●

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>

atribuição

25

var idade = 25;
idade

valor da variável
nome da variável
comando de declaração

Aula #02 - Variáveis e tipos de dados

Ramon Kayo - 2013/2014
Desclaração e atribuição de valores
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>

Aula #02 - Variáveis e tipos de dados

Ramon Kayo - 2013/2014
Desclaração e atribuição de valores
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>

Aula #02 - Variáveis e tipos de dados

Ramon Kayo - 2013/2014
Desclaração e atribuição de valores
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>

Aula #02 - Variáveis e tipos de dados

Ramon Kayo - 2013/2014
Desclaração e atribuição de valores
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>

Aula #02 - Variáveis e tipos de dados

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:

<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>

Aula #01 - O que é programação, entrada e saída?

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:

<script>
//Programe aqui
</script>

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Respostas
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:

<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>

Aula #01 - O que é programação, entrada e saída?

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:

<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>

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014

Lógica de Programação com Javascript - Aula #02

  • 1.
    Aula #02 Variáveis etipos de dados
  • 2.
    Variáveis ● Enquanto um programade 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. guarda memória RAM A de ficam emporários. On dados t nentes? os dados perma ● 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. idade Aula #02 - Variáveis e tipos de dados peso altura IMC x Ramon Kayo - 2013/2014
  • 3.
    Tipos de dados ● Asvariáveis guardam dados temporários, que podem ter vários tipos, dependendo de cada linguagem: idade altura nome ➔ ➔ ➔ ➔ 18 53 27 6 ➔ ➔ ➔ ➔ 1,90 1,65 2,10 1,78 ➔ ➔ ➔ ➔ Felipe Maria André Carolina Aula #02 - Variáveis e tipos de dados } Números Inteiros } Números flutuantes } ➔ ➔ fato X Caracteres Alfanuméricos (string) VERDADEIRO FALSO ➔ } Valor Booleano VAZIO um Para que serve valor VAZIO? Ramon Kayo - 2013/2014
  • 4.
    Declaração e atribuiçãode valores ● 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> atribuição 25 var idade = 25; idade valor da variável nome da variável comando de declaração Aula #02 - Variáveis e tipos de dados Ramon Kayo - 2013/2014
  • 5.
    Desclaração e atribuiçãode valores 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> Aula #02 - Variáveis e tipos de dados Ramon Kayo - 2013/2014
  • 6.
    Desclaração e atribuiçãode valores 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> Aula #02 - Variáveis e tipos de dados Ramon Kayo - 2013/2014
  • 7.
    Desclaração e atribuiçãode valores 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> Aula #02 - Variáveis e tipos de dados Ramon Kayo - 2013/2014
  • 8.
    Desclaração e atribuiçãode valores 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> Aula #02 - Variáveis e tipos de dados Ramon Kayo - 2013/2014
  • 9.
    Exercícios 1. Sem atribuir númerosdiretamente às variáveis existentes e sem mexer no código existente, remaneje as variáveis para que as saídas sejam as determinadas abaixo: <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> Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 10.
    Exercícios 2. Escreva um códigoque receba o nome de dois usuários, inverta-os entre variáveis, e mostre-os na tela: <script> //Programe aqui </script> Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 11.
  • 12.
    Respostas 1. Sem atribuir númerosdiretamente às variáveis existentes e sem mexer no código existente, remaneje as variáveis para que as saídas sejam as determinadas abaixo: <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> Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 13.
    Respostas 2. Escreva um códigoque receba o nome de dois usuários, inverta-os entre variáveis, e mostre-os na tela: <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> Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014