0% acharam este documento útil (0 voto)
20 visualizações6 páginas

Anotações

O documento fornece uma visão abrangente sobre conceitos fundamentais de JavaScript, incluindo operadores aritméticos, relacionais e lógicos, além de estruturas de controle como loops e funções. Ele também aborda a manipulação do DOM e a declaração de objetos e arrays, explicando como utilizar e modificar esses elementos. Exemplos práticos são apresentados para ilustrar o uso de cada conceito, facilitando a compreensão para desenvolvedores iniciantes.

Enviado por

gabriel.nakama89
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 TXT, PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
20 visualizações6 páginas

Anotações

O documento fornece uma visão abrangente sobre conceitos fundamentais de JavaScript, incluindo operadores aritméticos, relacionais e lógicos, além de estruturas de controle como loops e funções. Ele também aborda a manipulação do DOM e a declaração de objetos e arrays, explicando como utilizar e modificar esses elementos. Exemplos práticos são apresentados para ilustrar o uso de cada conceito, facilitando a compreensão para desenvolvedores iniciantes.

Enviado por

gabriel.nakama89
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 TXT, PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 6

var.

toFixed(n) comando utilizado para acrescentar casas decimais = n

var.toFixed(n).replace('.',',') irá substituir ponto por virgula em um número

n1.toLocaleString('pt-BR', {style: 'currency', currency: 'BRL'})


Coloca o Valor numérico em reais

Operador % mostra somente o resto da divisão

Ordem de execução dos operadores:


1: () parenteses
2: **(potência)
3: * / %
4: + -

***Operadot aritmético
Operador += significa que a variavel recebe o valor dela mesma somando com o valor
seguinte
Exemplo: var n = 2
n += 5 resultado n=7
Pode se usar para outros operadores como por exemplo: n+=5 n-=5 n/=5 n*=5 n**=5
etc.

***Operadores relacionais
Exemplo: > < <= >= == !=
O operador == é o igual da matemática padrão
operador != significa diferente (not equal)
Não possuem ordem de precedência

***Operador de incremento: n+=1 pode ser substituido por n++


o operador ++ = (+1) e -- (-1)

***Operador relacional sempre retorna um resultado booleano


Exemplo: 5 > 3 = true
8 < 2 = false

5 == '5' = true o tipo de dado não é relevante no ==


5 === '5' = false operador === significa o mesmo valor e o mesmo tipo

5 !== 5 = false operador !== significa valor e tipo de dado diferente


5 !== '5' = true

Ordem de execução dos operadores relacionais


1: !
2: &&
3: ||

***Operador lógico
! = negação
&& = conjunção / 'and'
|| = disjunção / 'or'

true&&true = true
true&&false = false
false&&true = false
false&&false = false

true||true = true
true||false = true
false|||true = true
false||false = false

***Operador ternário
Sintaxe: Teste?ResultadoTrue:ResultadoFalse
Exemplo: média >= 7.0?'Aprovado':'Reprovado'
if média = 8.0
Aprovado
else
if média = 5.5
Reprovado
end-if

Ordem de precedência dos tipos de operadores


1: operadores aritméticos
2: operadores relacionais
3: operadores lógicos
4: operadores ternários

DOM = Document Object Model

Todo código de JavaScript está dentro de um objeto chamado window

Dentro do window: location document history

Selecionar elemento por Marca: getElementsByTagName()

Selecionar elemento por ID: getElementByID()

Selecionar elemento por Nome: getElementsByName()

Selecionar elemento por Classe: getElementsByClassName()

Selecionar elemento por Seletor: querySelector()/querySelectorAll()


Dentro do querySelector, na div o ID é representado por '#'
a classe é representada por '.'
Evento é tudo que pode acontecer com a div
Exemplos de evento de mouse: mouseenter(entrar na div), mousemove(mover pra dentro
da div), mousedown(clicar se segurar), mouseup(soltar o botão do mouse),
click(apertar e soltar o botão do mouse normalmente), mouseout(mover pra fora da
div)

Função: conjunto de códigos que serão executados somente quando o evento ocorrer.
Para isso ocorrer eu preciso colocar as linhas de código dentro de um bloco.
Exemplo: function nome(parametros(opcional)){
BLOCO
}
normalmente o nome da função são ações de evento

Bloco: Em JavaScript, um bloco é uma série de instruções agrupadas entre chaves {}.
Os blocos são usados para agrupar várias declarações de código para que possam ser
tratadas como uma única unidade.

Condição Simples: Somente possuí o if sem o else

Condição Composta: Possuí somente if e else

Condição Aninhada: Condição composta com outras condições dentro dela (if, else e
else if).

Condição Múltipla: Mais utilizada com valores fixos, não é aplicável em todos tipos
de situação.
Exemplo: switch (expressão){
case valor1: executa bloco1
break
case valor2: executa bloco2
break
case valor3: executa bloco3...
break
default: executa bloco4
break(opcional)
}

***default é semelhante ao else do if***

O switch é semenlhante ao evaluate do Cobol

Ao utilizar o operador += em um variável string, a variável acrescenta o conteúdo


depois da string
Exemplo:
var res
res.innerHTML = `<p>Sua velocidade atual é de <strong>${vel}km/h</strong></p>`
res.innerHTML += '<p>Dirija com o sinto de segurança!</p>'

Sua velocidade atual é de 110km/h

Dirija com o sinto de segurança!


o comando var.getDay() pega o dia da semana do sistema operacional
Sintaxe:
var data = new Date()
var dia = var.data.getDay()

****Para utilizar nos programas em JavaScript, clique com o botão direito na página
e selecione inspect/inspecionar****

O loop em JavaScript é representado pelo comando while.


Exemplos: while (condição) {
Bloco
}

do {
Bloco
} while (condicao)

Outra forma de loop em JavaScript é o comando for e executa o bloco que está dentro
for somente quando a condição(teste) for verdadeiro.
Exemplo: for (inicio;teste;incremento) {
Bloco
}

Para utilizar o Debug em um código .js no VSCode, devemos apertar o botão de 'play'
com o inseto no menu vertical do lado esquerdo da tela.
Utilizar o F10 para executar código por código.

Variável simples: Armazena um valor por vez

Variável composta: Armazena vários valores na mesma estrutura.


variável composta é o mesmo que array/vetor

Variável composta/array é uma variável que possuí vários elementos, cada elemento
armazena um valor e tem uma chave de identificação.

Exemplo de variável composta: var a = [valor1,valo2,valo3...]

Exemplo de como acrescentar valor à variável composta sem perderos valores


armazenados:
let num = [5,3,7] -> variável composta normal
num[3] = 6 -> é o mesmo que let = [5,3,7,6]

Neste último exemplo, dentro da variável num o valor 5 correponde à chave 0, o


valor 3 corresponde à chave 1 e o valor 7 correponde à chave 2.
Logo, ao executar o comando 'num[3] = 6', o valor 6 será acrescentado na variável
num na chave 3.

Também podemos usar o comando num.push(6) é o mesmo que num[3] = 6


var.length
var.sort()
var.indexOf(n)
var.push(n)

Pordemos utilizar diversos tipos de dados no mesmo array

Para verificar a quantidade de elementos que temos em uma variável composta, basta
utilizarmos o comando 'length'
Exemplo: num.length

Podemos ordenar os valores em ordem crescente através do comando 'sort'


Exemplo: num.sort()

Para buscar a chave de um valor específico dentro de um vetor utilizamos o comando


'indexOf'
Exemplo: let num = [3,6,2,7,8]
num.indexOf(7) == 3
Pois a chave do valor 7 é 3

Para acrescentar um valor no array utilizamos o comando push


Exemplo: num.push(1)

Para mostrarmos todos os elementos dentro de um vetor podemos utilizar a estrutura


de repetição 'for'
Exemplo: for(let pos=0;pos<num.length;pos++) {
console.log(num[pos])
}

ou

for(let pos in num) {


console.log(num[pos])
}

Onde num é variável composta e pos é uma variável simples para indicar a posição.

let pos = 0: Aqui, a variável pos é inicializada com o valor 0, representando o


índice inicial do array (índices de arrays em JavaScript começam no 0).

pos < num.length: Esta é a condição de continuação do loop. O loop continuará a ser
executado enquanto o valor de pos for menor que o tamanho do array num (ou seja,
enquanto houver elementos no array).

pos++: Este é o incremento. A cada iteração do loop, o valor de pos aumenta em 1,


permitindo que o loop passe para o próximo índice do array.

Função:
São ações executadas assim que são chamadas ou em decorrência de um evento.
Pode receber parâmetros e retornar um resultado.

function ação(parâmetros/número){
Bloco
return res
}

ação(5) ---> chamada

Exemplo:
function parimp(11) {
if (n%2 == 0) {
return 'par'
} else {
return 'impar'
}
}

let res = parimp(11)

Exemplo arrays(matriz) dentro de um array:


let minhaMatriz = [[1, 2], [3, 4], [5, 6]]

Declaração de objeto é através de chaves:


let objeto = { }

Um objeto pode armazenar dados, variáveis e funções.


Por exemplo:

let cadastro = {nome:'José',sexo:'M',peso:85.4,trabalhar(p){}}

O índice que armazena a variável, terá o nome da variável caso queira referenciá-
lo.

O primeiro índice armazena a variável nome.


O segundo índice armazena a variável sexo.
O terceiro índice armazena a variável peso.

*** O quarto índice armazena a função trabalhar, que recebe o parâmetro 'p'.
trabalhar(p) {
Bloco
} ****

Você também pode gostar

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy