< REVISÃO/>
lógica de programação em JavaScript
< VARIÁVEL E
CONSTANTE/>
VAR CONST
↝ palavra reservada do JavaScript;
↝ palavra reservada do JavaScript;
↝ permite armazenar valores, dados e/ou
↝ permite armazenar valores, dados e/ou
informações relevantes dentro do código;
informações relevantes dentro do código;
↝ constantes mantém valores constantes
↝ permite atualizar o seu conteúdo;
e que não podem ser atualizados.
<EXEMPLOS/> <EXEMPLOS/>
↝ var idade = 27; ↝ const PI = 3.14;
↝ var nome = "Virgínia"; ↝ const CIDADE = "Belo Horizonte";
↝ var sobrenome = "Alcântara"; ↝ const ANODENASCIMENTO = 1994;
< TIPOS PRIMITIVOS/>
< EXEMPLOS STRING/> EXEMPLOS ARRAY/>
<
g
↝ var meuNome = "Virgínia"; a ↝ var frutas = ["morango", "maçã",
n
rr
ir
↝ var meuSobrenome = "Alcântara"; a "abacate"];
t
y
s
↝ var nomeDosMeusGatos = "Jimmy e ↝ var bolsa = ["celular", "documentos",
Pam"; "fone de ouvido" ];
n
u
EXEMPLOS NUMBER/> EXEMPLOS BOOLEAN/>
n
< <
a
b
e
↝ var idade = 27; ↝ var hojeEhMeuAniversario = false;
re
lo
↝ var ano = 2022; ↝ var computadorLigado = true;
o
b
↝ var numero = 42;
existem outros tipos primitivos além dos citados acima, e são:
null, undefined, bigInt, symbol, object.
< OPERAÇÕES
ARITMÉTICAS/>
SOMA SUBTRAÇÃO MULTIPLICAÇÃO DIVISÃO
var soma = var subtracao = var multiplicacao = var divisao =
primeiroNumero + primeiroNumero - primeiroNumero * primeiroNumero /
segundoNumero; segundoNumero; segundoNumero; segundoNumero;
< OPERAÇÕES
ARITMÉTICAS/>
o módulo, representado
pelo sinal de %, é usado
para realizar uma
o exponencial,
divisão e verificar o valor
representado pelos
do resto da operação. é
sinal ** é usado para
muito comum utilizar o
identificar o valor de
módulo para identificar
um número elevado a
números pares e
outro número.
ímpares, ou verificar se
um determinado
número é múltiplo ou
divisível por outro
MÓDULO EXPONENCIAL
número.
var resto = var numeroElevado =
primeiroNumero % primeiroNumero **
segundoNumero; segundoNumero;
< OPERADORES DE
COMPARAÇÃO/>
igualdade estrita maior que maior ou igual
=== > >=
morango é exatamente 7 é maior que 23? 3 maior ou igual a 1?
igual a kiwi?
diferente menor que menor ou igual
!== < <=
morango é diferente de 7 é menor que 23? 3 menor ou igual a 1?
kiwi?
< DIFERENÇA ENTRE:
= == ===/>
= == ===
o sinal de um igual o sinal de dois iguais o sinal de três iguais
(=) é usado para (==) é usado para (===) é usado para
atribuir um fazer uma fazer uma
determinado valor a comparação de comparação de
variáveis e igualdade entre duas igualdade entre duas
constantes. esse sinal ou mais informações, ou mais informações,
também é usado considerando apenas considerando o valor
quando há a o valor que estão armazenado dentro
necessidade de armazenados dentro de cada uma e
atualizar o valor de delas. nesse caso o também se têm o
uma variável (exceto tipo primitivo não é mesmo tipo
as consts). relevante. primitivo.
< OPERADORES
LÓGICOS/>
|| !
E OU NEGAÇÂO
verifica se uma verifica se uma nega uma ou mais
condição E outra condição OU outra condições.
condição são condição é
verdadeiras ou verdadeira ou falsa;
falsas;
< ESTRUTURA CONDICIONAL
IF/ELSE/>
a condicional if é uma estrutura condicional que
executa a afirmação, dentro do bloco, se determinada
condição for verdadeira.
se for falsa, executa as afirmações dentro de else.
< ESTRUTURA CONDICIONAL
IF/ELSE/>
if (condição) {
execute este comando;
} else if (condição) {
execute este comando;
} else {
execute este comando;
}
< ESTRUTURA CONDICIONAL
IF/ELSE/>
if (condição)
true false
executa algo; if/else (condição)
código finaliza as verificações
true false
executa algo; else executa algo;
código finaliza as verificações código finaliza as verificações
< ARRAYS/>
um array é utilizado para armazenar uma
coleção de elementos em uma única variável
e esses elementos podem ser de qualquer
tipo primitivo.
<EXEMPLOS ARRAY/>
↝ var frutas = ["morango", "maçã", "abacate"];
↝ var bolsa = ["celular", "documentos", "fone de ouvido" ];
↝ var numeros = [1, 2, 3, 4, 5];
< ARRAYS/>
var frutas = ["morango", "maçã", "abacate"];
0 1 2
acessar um item (index) adicionar um item ao adicionar um item ao
do array: final do array: início do array:
frutas[0]; //morango
frutas.push("acerola"); frutas.unshift("limão");
frutas[1]; //maçã
frutas[2]; //abacate ["limão", "morango",
["morango", "maçã",
"maçã",
última posição: "abacate", "acerola"];
"abacate", "acerola"];
frutas[frutas.length - 1];
//abacate
IMPORTANTE!
o que é length?
length se refere ao tamanho de um array e a
quantidade de itens que tem dentro dele.
< STRINGS/>
↝ strings são sequências de caracteres e são
úteis para guardar dados que podem ser
representados em forma de texto;
↝ as strings têm algumas características em
comum com os arrays;
<EXEMPLOS STRINGS/>
↝ var meuNome = "Virgínia";
↝ var meuSobrenome = "Alcântara";
↝ var nomeDosMeusGatos = "Jimmy e Pam";
< STRINGS/>
var meuNome = "Virgínia";
var meuSobrenome = "Alcântara";
acessar um caractere em uma
concatenação de strings:
posição da string:
nome[0]; //V
nome[1]; //i var nome = "Virgínia";
nome[2]; //r var sobrenome = "Alcântara";
último caractere:
nome + " " + sobrenome;
nome[nome.length - 1];
//Virgínia Alcântara
//a
IMPORTANTE!
o que é length?
length se refere ao tamanho de uma string e a
quantidade de caracteres que tem dentro dela.
< FUNCTION/>
uma function é um conjunto de instruções que executa uma
tarefa ou calcula um valor dentro do código.
a declaração de uma function segue alguns passos que são:
↝ uso da palavra reservada function no início da declaração;
↝ nome da função;
↝ lista de argumentos para a função, entre parênteses e
separados por vírgulas;
↝ abertura das chaves para delimitar o escopo da função..
< FUNCTION/>
function nomeDaFuncao(param1, param2) {
var resultado;
resultado = código com param1 e param2;
return resultado;
}
diferença entre return e console.log:
o return normalmente é usado dentro de uma function para
retornar o que foi executado dentro do escopo, e nem sempre
a pessoa usuária vai "ver" esse retorno. já o console.log é usado
para imprimir na tela alguma informação para a pessoa
usuária.
< ESTRUTURA DE
REPETIÇÃO FOR/>
a estrutura de repetição for cria um loop em que é
possível verificar um determinado intervalo de valor.
a declaração de um for é feita dentro de parênteses
e separadas por ponto e vírgula, seguidas por uma
declaração ou uma sequência de declarações
executadas em sequência.
< ESTRUTURA DE
REPETIÇÃO FOR/>
inicialização: declaração da var auxiliar condição: determina o fim do loop
for (var contador = 0; contador < limite; contador++) {
execute este código se contador < limite;
}
incrementação: atualiza a
var auxiliar para fazer
curiosidade!
a incrementação da variável auxiliar também pode ser mais uma repetição
escrita das seguintes maneiras:
contador = contador + 1;
contador += 1;
