JAVASCRIPT I

Propriedade integrada
.length – serve para mostrar o tamanho de algo

TIPOS DE DADOS
number e bigint: number – é um número, pode ser inteiro ou com virgula.
bigint – é um número muito grande, ele deve ter um n no
final para ser exibido normalmente.
string: é a junção de caracteres (palavra), ele deve estar entre aspas “...”
boolean: true e false
null e undefined: null – nulo (valor que existe, mas está vazio)
undefined – indefinido (é quando não foi atribuído valor nenhum)
parseFloat: transforma string em float (número flutuante, que é um numero
com virgula)
exemplo de parseFloat:
const entrada1 = window.prompt("Digite o primeiro valor :");
const entrada2 = window.prompt("Digite o segundo valor: ");

const x = parseFloat(entrada1);
const y = parseFloat(entrada2);

OBJETOS E FUNÇÕES
Objetos - coleção de vários valores
Funções – é uma função (procedimento a ser executado)

VARIÁVEIS
var – é pouco usado
let – é a forma mais usada, ela pode mudar durante o código
const – é uma variável constante, nunca muda
OPERADORES
Atribuição:
+= a conta let a = 5
a = a + 3 será 8
é a mesma coisa que a += 3
a=8
-= tem a mesma regra do ex anterior
*= tem a mesma regra do ex anterior
/= tem a mesma regra do ex anterior
ENCADEAMENTO
ele é o ponto ( . ), usado juntamente ao objeto ou função
COMENTÁRIO e PULA LINHA
Para comentar em uma linha se usa ( // )
Para comentar variás linhas, se usa ( /* */ )
Para pular linha usa ( \n )
JAVASCRIPT NO HTML
Para linkar o arquivo do js no html, basta fazer isso:
<script src="index.js"></script>

CONSOLE
É uma ferramenta de desenvolvimento disponível nos navegadores que
permite exibir informações.
Exemolos:

 console.log(): usado para exibir mensagens e valores no console.

 console.error(): usado para exibir mensagens de erro no console.
 console.warn(): usado para exibir mensagens de aviso no console.
 console.info(): usado para exibir mensagens informativas no console.
 console.table(): usado para exibir dados tabulares no console.

WINDOW
Refere-se ao objeto global, que representa a janela do navegador.
Não precisa digitar o window. Pra usar seus complementos
window.prompt("Digite sua área de estudo: ");
se trata de uma janela onde pede para escrever algo .
window.alert("isso é um alerta")
se trata de uma janela onde é um aviso
window.confirm("isso é uma confirmação")
se trata de uma janela onde tem uma confirmação
COMPARAÇÃO DE DADOS
== e === == (faz a comparação da info, sem ver o tipo) === (esse
compara a info e o tipo )
!= e !== != (sinal de diferença que compara a info sem ver o tipo) !==
(sinal de diferença que faz a comparação, olhando tbm o tipo)
OPERADORES LÓGICOS (AND, OR, NOT)
And (e - &&) – só é verdadeiro quando os dois forem verdadeiro
Or (ou - ||) – só é falso se os dois forem falsos ( se um for vdd, é verdadeiro)
Not (não - ! ) – é a negação

ESTRUTURAS CONDICIONAIS
IF E ELSE
Else if: é um novo if no código.
Não é obrigatório usar o else, mas se for usar ele, deve ser o último do bloco
Exemplo de if e else:
const idade = window.prompt("Digite sua idade: ")

if ( idade >= 18) {

console.log("MAIOR DE IDADE")
} else if ( idade > 12 ) {
console.log("MENOR DE IDADE, adolescente")
} else if ( idade > 4 ) {
console.log("CRIANÇÃO!")
} else if ( idade < 5) {
console.log("NENÉM!")
}
Conseguimos abreviar o código
Abreviação:
const resultado = ( 6 === 6 ) ? "VERDADEIRO" : "FALSO"
esse código tem uma variável chamada de resultado
logo após o = temos a condição 6 é igual a 6
o ponto de interrogação é o IF
os dois pontos é o else

SWITCH (usa o “caso a,b,c”)

Estrutura do switch:
const resultado = window.prompt("Escolha a alternativa correta: \
na)\nb)\nc)")

switch (resultado) {
case "a":
window.alert("LETRA A")
break
case "b":
window.alert("LETRA B")
break
case "c":
window.alert("LETRA C")
break
default:
window.alert("RESPOSTA ERRADA!!!")
}
A variável é resultado
Break serve para parar de rodar essa estrutura condicional
Default é caso nenhuma dessas opções funcione.

WHILE (enquanto)
Ele vai verificar se a condição do while é verdadeira, se for vdd, ele irá executar
oq está dentro do while.

Ele funciona enquanto uma condição for verdadeira, portanto, uma hora ela
deverá ser falsa para que acabe.
Ex de while:
const name = window.prompt("Digite seu nome: ")
let cidades = " "
let contagem = 0

let continuar = window.prompt(" Já visitou alguma cidade?

(Sim/Não)")

while ( continuar === "Sim") {

let city = window.prompt("Qual cidade já visitou? ")
cidades += "- " + city + "\n"
contagem += 1
continuar = window.prompt(" Visitou mais alguma? (Sim/Não)")
}
window.alert("Sr(a) " + name + " você já visitou " + contagem + "
cidades, e são essas: \n" + cidades)

DO WHILE
Do (faça)
Primeiro ele executa tudo que está dentro do DO, independente de ser
verdadeiro ou não, pra depois ir ao while.
Faz uma função e dps entra pro while, ou seja, faz uma função sendo
verdadeira ou não, pra depois ir pro while.
Ex:
let velocidade = 0

do {
alert("A velocidade é " + velocidade + " km/h")
velocidade -=20
} while (velocidade > 0 )

alert("Velocidade é: " + velocidade + "km/h")

FOR (para)
Normalmente se usa o for, quando tem uma noção de quantas vezes irá se
repetir.
O for será executado quando sua condição for verdadeira.
Sua estrutura é:
for (inicialização; condição; finalização/contador) {
//...
}
A condição precisa ter um valor booleano
Se usa ponto e virgula ( ; ) para separar cada item do for.
Se não for usar os três itens, deve se colocar ponto e virgula antes e depois
deixando assim: (; condicao ;)
Ex de for:
const number = window.prompt("Digite o número que será
multiplicado: ")
let resultado = " "

for (let i = 1; i <= 10; i++ ) {

resultado += number + " * " + i + " = " + ( i * number) + "\n"

}
window.alert("O resultado da multiplicação é: \n" + resultado)

ESTRUTURA DE DADOS
Estruturas de dados são usadas em momentos específicos.
Lista ligada- Coleção ordenada de valores onde cada elemento aponta para o
próximo
Array – é um conjunto de dados que pode ser acessado por um índice
Fila (queue) – é uma coleção de elementos, onde o primeiro a entrar, deve ser
o primeiro a sair. E o primeiro a sair deve ser o primeiro a entrar.
Pila (stack) – é uma coleção de elementos onde o primeiro a ser retirado é o
ultimo a ser adicionado, Também chamadas de listas FIFO (first-in / first-out, ou
primeiro a entrar / primeiro a sair)
Arvore (tree) – é um conjunto de elementos chamados de nós (ou nodes)
organizados em estrutura hierárquica (não sequencial), ou seja, podendo estar
"abaixo" ou "acima" de outros nós.
No Javascript, existe valor e referência. Se você usar uma array e repetir ela
em outra variável e nessa nova variável for modificada, irá mudar a primeira
variável também, pois ela é a referencia.

ARRAY [...]
array.push(...) – serve para adicionar um item no final do array.
array.unshift(...) – serve para adicionar um item no começo do array.
array.pop(...) – serve para remover o ultimo item de um array.
array.shift(...) – serve para remover o primeiro item de um array
array.includes(...) – serve para pesquisar por um elemento
array.indefOf(...) – serve para pesquisar em que posição está o elemento
array.slice(...) – ele corta (copia e cola) o elemento, para usar ele deve indicar
onde quer começar e terminar, indicar onde termina não é obrigatório, por
exemplo array.slice( 0, 4 ) isso vai pegar os elementos da posição 0 até a 4.
array.concat(...) – serve para concatenar itens na array, pode juntar com outras
arrays, com string,number. Tudo deve ser separado por virgula
array.splice(...) – serve para substituir ou remover elementos, se deve mostrar
onde começa a remover, quantos itens deve remover e oq será adicionado no
lugar desses itens removidos. Ex:
const array = [1, 2, 3, 4, 5];
const removed = array.splice(2, 2, 'a', 'b', 'c');
console.log(array); // Output: [1, 2, 'a', 'b', 'c', 5]
console.log(removed); // Output: [3, 4]

na array.splice, está removendo a partir do item na posição 2 e será removido

dois itens, logo após será adicionado a, b, c. Ficando: 1, 2, ‘a’, ‘b’, ‘c’, 5
e terá uma nova variável chamada de removed, com os itens q foi removidos
array.sort(...) – serve para colocar os números em ordem crescente
for – normalmente se usa o for para iteração no array.
ADICIONAR ITEM NA ARRAY
let num = [ 5, 8, 4 ]
num[ 3 ] = 6
isso está fazendo o numero 6 ir para dentro da array, na posição 3, ficando:
num = [ 5, 8, 4, 6 ]

ARRAY BIDIMENSIONAL
Podemos usar varias arrays dentro de uma array, e exibir ela com um
console.log e colchete para identificar o valor q desejar
const arr = [
"1º Nível",
["2º nível", 42, true],
[
["3º nível, 1º item", "Olá, mundo!"],
["3º nível, 2º item", "Oi, mundo!"],
],
[]
]
console.log(arr[2][0][0])
//vai sair: "3º nível, 1º item"

Basta colocar o console.log(arr [ 0 ] [ 1 ])

OBJETO {....}
Para criar um objeto basta usar esse tipo de chavess {........}
O objeto pode ter muitas propriedade, que seria ter um nome e um valor, como
por exemplo: nome: “ gui ”
Objeto NÃO POSSUI UMA SEQUÊNCIA
Exemplo de um código objeto
const pessoa = {
nome : "guilherme",
pets : ["cachorro", "tartaruga"],
carros : {
fusca: {
cor : "azul",
placa :"123456"
} ,
uno : {
cor: "rosa",
placa: "654321"
}
},
andar: function(km) {
console.log(pessoa.nome + " andou " + km + " km" )
}
}
pessoa.andar(6)
console.log(pessoa.carros.uno.cor)
// o codigo ira exibir: guilherme andou 6 km
// rosa
prestar atenção com dois pontos ( : ), com virgula dps dos valores e chaves

FUNÇÃO
É uma função que pega um bloco de código para repetir quando o programador
desejar
Uma função pode ser vista como:
ENTRADA ..... PROCEDIMENTO ..... SAÍDA
A entrada e saída não é obrigatória
As entradas da função, são chamadas de parâmetros(fica dentro do nome da
função)
As saídas da função, são chamadas de retorno
Estrutura da função:
function nomeDaFuncao (entradas) {
//procedimentos...
return saida
}
Para chamar uma função, deve colocar o:
nomeDafuncao() porém, se não tiver valor essa função, será exibido
undefined, e para isso não acontecer, é bom colocar
nomeDafuncao( entradas = “ Olá, mundo! ”) , que será exibido “Olá, mundo!”
caso não tenha nenhum valor. Isso é um valor padrão
sempre que tiver muitos valores padrão em uma função, eles devem ser
mostrados no final da função.
function usuario(user) {
user.nome
user.idade
user.endereco
user.email
}
const dadosDoUser = {
nome:"gui",
idade: "18",
endereco: "São Jorge",
email: "gui@hotmail.com"

usuario(dadosDoUser)
console.log(dadosDoUser)
essa é uma forma resumida de dar vários valores para a função e deixar tudo
organizado.
Na maioria das vezes se usa o return para trabalhar fora da função.
Para chamar a função, fora da função, precisa usar o return !!!
A função só pode retornar uma única vez, depois que o return é usado, tudo
que vem depois dele não será lido pelo vscode.
ESCOPO DA FUNÇÃO
É contexto da onde a variável foi criada, uma variável externa(global) pode ser
usada como variável interna(local).
Já a variável interna(local), não pode ser usada como variável externa(global)

METÓDOS
Para se referenciar ao próprio objeto, se deve usar o this.
Ex:
let pessoa = {
nome: "gui",
idade: 19,
dizerOla() {
console.log("Meu nome é: " + this.nome)
}
}
pessoa.dizerOla()
o this.nome é uma forma de chamar o nome dentro do próprio objeto.
E o dizerOla() é como se fosse uma função, mas não precisa escrever
function.
FUNÇÃO RECURSIVA
É uma função que chama ela mesmo
FUNÇÕES ANÔNIMAS
É uma função que não tem um nome basta colocar o function() { }

HIGH-ORDER FUNCTIONS (FUNÇÕES DE ALTA ORDEM)

É uma função que recebe outra função como parâmetro
function calcular(a, b, operacao){
console.log(" realizando uma operação")
const resultado = operacao(a, b )
return resultado
}
function somar(a, b){
return a + b
}
console.log(calcular(3, 5, somar))
esse código tem o high-order de calcular, que é a função mais alta.
No console.log ele chama a function calcular e passa os valores 3 e 5, porém
falta o valor de “operacao”, então ele passa uma função nesse valor que é a
função de somar, onde vai somar o 3 e 5.

HIGH-ORDER FUNCTIONS E ARRAY

METÓDOS
MAP - serve para fazer transformações em array, ele consegue usar um array
existente e criar um novo array existente nele, mas ele cria um novo array, não
consegue modificar o existente.