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