Scribd
Carregar
6K visualizações43 páginas

Variáveis em Java Script

Variáveis permitem salvar temporariamente valores para executar cálculos ou armazenar dados de formulários. No JavaScript, variáveis podem ser declaradas com var, let ou const. Cada tipo de dado (números, strings, booleanos etc.) possui características e operações próprias. Funções permitem agrupar sequências de operações e devolver valores através do comando return.

Enviado por

joaovitorleonardo10
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
6K visualizações43 páginas

Variáveis em Java Script

Variáveis permitem salvar temporariamente valores para executar cálculos ou armazenar dados de formulários. No JavaScript, variáveis podem ser declaradas com var, let ou const. Cada tipo de dado (números, strings, booleanos etc.) possui características e operações próprias. Funções permitem agrupar sequências de operações e devolver valores através do comando return.

Enviado por

joaovitorleonardo10
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 43

VARIÁVEIS

O que são variáveis?


Quando precisamos salvar
temporariamente o nome que uma pessoa
colocou no formulário de contato, ou
quando precisamos salvar um valor
para executar um cálculo, utilizamos
variáveis.
No JavaScript, podemos declarar uma
variável de três formas:
 var: Declara uma variável podendo
atribuir um valor junto na sua
criação.
 let: Declara uma variável com
escopo de bloco (veremos sobre
escopo de bloco mais adiante):

 const: Declara uma variável apenas


de leitura. Após atribuir um valor
a uma const, não será possível
altera-lo :
IMPORTANTE!

Apesar de ainda ser muito utilizado,


o var não é mais recomendado pelas
boas práticas de programação.
Sobre os Nomes das Variáveis:

 Case-Sensitive: O JavaScript
diferencia entre letras maiúsculas
e minúsculas. NOME é diferente de
nome.
Caracteres válidos:

 Letras: Você pode usar letras


maiúsculas e minúsculas, mas
evite cedilha e acentuação.
Caracteres válidos:

 Números: Desde que a variável


comece com 1 letra, você pode
usar números na definição.
Caracteres válidos:

 Underline “_” e cifrão “$” : São


permitidos em qualquer posição e
são mais usados nas variáveis de
bibliotecas e frameworks.
TIPOS DE DADOS
Apesar das variáveis das
linguagens dinâmicas não
precisarem ter seus tipos de
dados identificados, isso não
quer dizer que eles não existam.
TIPOS DE DADOS
O JavaScript possui os seguintes
tipos de dados:
• Number • Null e Undefined
• String • Symbol*
• Boolean • Object
• Array • Function
Number:
São todos os números reais que
aprendemos nas aulas de
matemática.
Importante:
Estes valores numéricos não são
infinitos. Mesmo assim, o
JavaScript trabalha com ponto
flutuante de dupla precisão
(double) que permite valores
muito altos.
Máximo e Mínimo:
Para saber quais são estes
valores máximos e mínimos, você
pode efetuar os seguintes
comandos no console.
TIPOS DE DADOS
Strings:
São valores de texto, normalmente
chamados de “cadeias de
caracteres”:
 Você precisa utilizar aspas
simples ‘ ou aspas duplas “
para encapsular a String.
 Caracteres Especiais – Para
adicionar caracteres especiais
(‘, “, &, quebra de linha e
etc.) utilizamos a barra
invertida.

\n : Nova Linha \’ : Exibe ‘


\\ : exibe a \ \” : Exibe “
 Concatenação de Strings: Você
pode unir (concatenar) Strings de
diversas formas.

1) Utilizando o sinal de +
2) Utilizando o String.concat

Este método também permite concatenar


diversas Strings.
3) Template de Strings: O template
de Strings é uma nova forma de
concatenação e utiliza o
${expressão} e a crase ao redor da
string.
TIPOS DE DADOS
 Booleanos – São tipos de dados
que possuem apenas dois valores:
 TRUE: Verdadeiro

 FALSE: Falso
Observações:
 Os valores true e false NÃO são
escritos entre aspas.
 Cuidado! O JavaScript entende
certos valores dos outros tipos
de dados como true ou false.
 Comparações: Uma das formas mais
comuns de se obter valores
booleanos é através de comparações.
 Comparações: Se você testar 1 ==
“1”, obterá true. Para fazer
comparações que levam em
consideração o valor e o tipo do
dado, utilize ===
OPERADOR DESCRIÇÃO EXEMPLO
== Valor Igual 3 == 3 (true)
2 == 3 (false)
=== Valor e tipos iguais 3 === "3" (true)
3 === 3 (true)
2 === 3 (false)
!= Valor diferente de 3 != "3" (false)
1 != 2 (true)
1 != "2" (true)
!== Valor e tipo diferentes de 1 !== 1 (false)
1 !== 2 (true)
1 !== "1" (true)
1 !== "2" (true)
<, <= Menor (menor igual) a 10 < 100 (true)
100 < 100 (false)
10 <= 100 (true)
>, >= Maior (Maior Igual) a 10 > 100 (false)
100 > 100 (false)
10 >= 100 (false)
100 >= 100 (true)
&& "E" Lógico (10 < 100) && (5 > 4) (true)
Retorna true se todos testes (10 < 100) && (5 > 11) (false)
forem verdadeiros
|| "Ou" Lógico (10 < 100) || (5 > 4) (true)
Retorna true pelo menos 1 (10 < 100) || (5 > 11) (false)
teste for verdadeiro (10 > 100) || (5 > 11) (false)
! "Não" !true (false)
Inverte o booleano a sua !(1 == 1) (false)
esquerda !(10 != 10) (true)
TIPOS DE DADOS
 Array (vetor): É uma lista ou
coleção de dados que pode ser
acessada por índice.
Para criar um vetor vazio basta
criar uma variável e atribuir [] a
ela.
 Atribuindo valores: Você pode criar
um vetor com seus valores separados
por vírgula.

Você pode adicionar valores de


qualquer tipo no vetor.
 Acessando valores: Os valores podem
ser acessados através de seu
índice.

Observe que o índice começa no 0.


Então o primeiro item está na
posição 0, o segundo na posição 1 e
assim por diante.
 Alterando e atribuindo valores pelo
índice: Com o índice, você pode:
a) Alterar um valor existente
b) Inserir um novo valor em uma posição
específica.
TIPOS DE DADOS
 Null: O null é um tipo de dado
especial, ele representa a falta
de valor de qualquer outro tipo
de dado.
 Undefined: Este tipo de dado
aparece quando criamos uma
variável e tentamos acessar seu
valor antes de ter atribuído
algo a ela.
 Undefined !== Null: undefined e
null são diferentes.

Resumidamente, isto ocorre pois


null ainda é um valor e
undefined é quando o JavaScript
não sabe qual o tipo de dado.
TIPOS DE DADOS
 Objeto: É um tipo de dado composto
pelos outros tipos. Com ele,
podemos organizar informações
relacionadas em uma variável.
 Criação: Um objeto vazio é bem
simples de criar.

 No caso de um objeto com


propriedades (variáveis), fazemos
assim:
 Caso você já tenha criado o objeto
e queira adicionar um novo, você
pode fazer de duas formas:

 Note que se você usar a segunda


opção, precisa ter uma String
dentro dos [].
 A alteração de dados funciona da
mesma forma.
TIPOS DE DADOS
 Funções: As funções são utilizadas para
criarmos uma sequencia de operações
para serem executadas.

 Note que para fazer a função executar,


você precisa chama-la com os
parênteses.
 Outra forma de criar uma função é
chamando o function com o nome
dela.
 Também é possível passar valores
para a função acessar.

Replique este código no seu


computador para que você possa ver
os resultados.
 O último recurso que estaremos
vendo da função (por enquanto) é o
comando return.

A primeira coisa que você precisa


saber. O return para a função e
devolve um valor.
Então, estes estão corretos:

E estes não executarão corretamente


 Agora que você sabe como usar o
return, vamos falar sobre a
utilidade dele:

Uma função com return devolve um


valor que podemos guardar em uma
variável.
 O return faz com que a função seja
uma ferramenta excelente para
tornarmos nosso código mais simples
de entender.
 Conforme formos avançando no curso,
você verá que utilizaremos bastante
as funções em nosso código
 Curiosidade: Caso você não coloque
o return, por default as funções
devolvem undefined.

Você também pode gostar