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

Resumo JavaScript

O documento apresenta 15 códigos JavaScript que abordam diversas funcionalidades, como manipulação de arrays, datas, métodos modernos, e manipulação de formulários. Cada código é descrito com suas principais funções e usos, incluindo exemplos de sintaxe e operações. O conteúdo é útil para desenvolvedores que desejam aprimorar suas habilidades em JavaScript.
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
0% acharam este documento útil (0 voto)
7 visualizações5 páginas

Resumo JavaScript

O documento apresenta 15 códigos JavaScript que abordam diversas funcionalidades, como manipulação de arrays, datas, métodos modernos, e manipulação de formulários. Cada código é descrito com suas principais funções e usos, incluindo exemplos de sintaxe e operações. O conteúdo é útil para desenvolvedores que desejam aprimorar suas habilidades em JavaScript.
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/ 5

✅ Resumo dos 15 Códigos — JavaScript

🔢 Código 1 — Arrays e manipulação


●​ new Array(tamanho) → cria array com tamanho fixo​

●​ [] → cria array vazio​

●​ push() → adiciona no final​

●​ unshift() → adiciona no início​

●​ pop() → remove do final​

●​ shift() → remove do início​

●​ delete → apaga valor, mas mantém a posição​

●​ splice() → remove elementos por índice​

●​ prompt() → recebe entrada do usuário​

●​ getElementById() → acessa elemento do HTML pelo ID​

●​ textContent → muda o texto de um elemento HTML​

📅 Código 2 — Datas
●​ new Date() → cria uma data​

●​ getDay() → dia da semana (0 = domingo)​

●​ getDate() → dia do mês​

●​ getMonth() → mês (0 = janeiro)​


●​ getFullYear() → ano​

●​ getHours(), getMinutes(), getSeconds() → hora, minuto, segundo​

●​ Arrays usados para converter números de datas em nomes (semana[],


mesesAno[])​

●​ Template string: `${variavel}` → forma moderna de montar strings​

🧪 Código 3 — Métodos modernos de arrays


●​ findIndex() → retorna o índice do item que satisfaz a condição​

●​ includes() → verifica se o array contém um valor​

●​ find() → retorna o primeiro item que satisfaz a condição​

●​ some() → verifica se algum item satisfaz a condição​

●​ every() → verifica se todos satisfazem​

●​ filter() → retorna um novo array com os que passaram na condição​

➕ Código 4 — reduce()
●​ reduce() → percorre o array acumulando valores​

●​ Pode somar todos os itens, calcular total com frete, etc.​

🧑‍🏫 Código 5 — Formulário + Lista


●​ getElementById().value → pega o valor digitado no input​
●​ innerHTML → insere HTML no elemento (ex: adicionar <li> na lista)​

●​ onclick="função()" → chama função ao clicar no botão​

📚 Código 6 — Manipulação de arrays


●​ concat() → junta dois arrays​

●​ reverse() → inverte a ordem​

●​ slice(x, y) → copia parte do array​

●​ join() → junta os elementos com um separador​

●​ sort() → ordena array (alfabético ou numérico)​

🧮 Código 7 — Função para calcular média


●​ parseFloat() → transforma string em número decimal​

●​ Condicional if/else para verificar se foi aprovado ou reprovado​

●​ textContent e style → alterar texto e estilo de elementos​

📊 Código 8 — Função com retorno


●​ Função com parâmetros (nota1, nota2)​

●​ return → devolve um valor para ser usado depois​

●​ alert() → mostra mensagem na tela​


🧠 Código 9 — Função anônima
●​ Função armazenada numa variável (const calcularMedia =
function(...))​

●​ Útil para organizar código ou passar funções como argumentos​

🔥 Código 10 — Função arrow


●​ Arrow function: const func = () => { ... }​

●​ Sintaxe moderna, mais curta​

●​ Igual à função normal, mas com visual mais limpo​

📁 Código 11 — Script externo


●​ src="script.js" → importa um script de outro arquivo​

●​ Aviso: se o script estiver no <head>, os elementos do body ainda não


existem​

🎨 Código 12 — Estilo via JavaScript


●​ .style.color, .style.backgroundColor, .style.fontWeight →
mudar estilo visual de um elemento​

●​ Mostra como usar funções pra alterar aparência​

🔄 Código 13 — Tipos e escopo


●​ var, let, const → tipos de variáveis:​
○​ var: escopo global​

○​ let: escopo de bloco​

○​ const: valor fixo​

●​ typeof → mostra o tipo da variável​

●​ Template string​

●​ Frases com \" para usar aspas dentro de aspas​

🗺️ Código 14 — map()
●​ map() → transforma cada item do array em algo novo​

●​ Pode usar map(item), map(item, index), ou com arrow function​

●​ Cria novo array com os resultados​

🔁 Código 15 — forEach()
●​ forEach() → executa uma função para cada item do array​

●​ Não retorna valor, apenas executa ações​

●​ Pode acessar o item, o índice e o array completo​

Você também pode gostar