JavaScript

Cartões · 61

Declaração de variável mutável (let)

let idade = 25; idade = 26;

Declaração de constante (const)

const pi = 3.14159;

Declaração legada de variável (var)

var nome = 'Maria';

Tipo de dado String

let texto = 'Olá, mundo!';

Tipo de dado Number

let inteiro = 42; let decimal = 3.14;

Tipo de dado Boolean

let ativo = true; let concluido = false;

Tipo de dado Null

let resposta = null;

Tipo de dado Undefined

let valor; console.log(valor); // undefined

Verificação de tipo com typeof

console.log(typeof 'texto'); // 'string'

Template Literals (Interpolação de Strings)

const user = 'Ana'; console.log(`Olá, ${user}!`);

Operador de igualdade solta (==)

console.log(5 == '5'); // true

Operador de igualdade estrita (===)

console.log(5 === '5'); // false

Operador de desigualdade estrita (!==)

console.log(10 !== '10'); // true

Operador lógico E (&&)

let cond = true && false; // false

Operador lógico OU (||)

let cond = true || false; // true

Operador lógico de negação (!)

let invertido = !true; // false

Estrutura condicional if / else

if (x > 10) { console.log('Maior'); } else { console.log('Menor ou igual'); }

Operador ternário

const status = idade >= 18 ? 'Adulto' : 'Menor';

Estrutura switch / case

switch(cor) { case 'azul': console.log('Azul'); break; default: console.log('Outra'); }

Laço for tradicional

for (let i = 0; i < 3; i++) { console.log(i); }

Laço while

let c = 0; while (c < 3) { c++; }

Laço do...while

let i = 0; do { i++; } while (i < 3);

Laço for...of (iterar arrays)

for (const item of [10, 20, 30]) { console.log(item); }

Laço for...in (iterar chaves de objeto)

for (const chave in { a: 1, b: 2 }) { console.log(chave); }

Declaração de função tradicional

function somar(a, b) { return a + b; }

Expressão de função (Function Expression)

const subtrair = function(a, b) { return a - b; };

Arrow Function sintaxe concisa

const dobrar = x => x * 2;

Parâmetro padrão em função

function saudar(nome = 'Visitante') { return `Olá, ${nome}`; }

Declaração de Array

const frutas = ['maçã', 'banana', 'laranja'];

Array: push (adiciona ao fim)

const itens = [1, 2]; itens.push(3);

Array: pop (remove do fim)

const itens = [1, 2, 3]; const ultimo = itens.pop();

Array: shift (remove do início)

const itens = [1, 2]; const primeiro = itens.shift();

Array: unshift (adiciona ao início)

const itens = [2, 3]; itens.unshift(1);

Array: map (transforma elementos)

const numeros = [1, 2, 3]; const dobros = numeros.map(n => n * 2);

Array: filter (filtra elementos)

const pares = [1, 2, 3, 4].filter(n => n % 2 === 0);

Array: reduce (reduz a um único valor)

const total = [1, 2, 3].reduce((acc, n) => acc + n, 0);

Array: find (encontra o primeiro)

const item = [5, 12, 8].find(n => n > 10); // 12

Array: includes (verifica presença)

const temTres = [1, 2, 3].includes(3); // true

Declaração de Objeto literal

const usuario = { nome: 'Carlos', idade: 30 };

Acesso a propriedades por ponto e colchetes

const obj = { id: 1 }; console.log(obj.id, obj['id']);

Adicionar método a um Objeto

const calc = { somar(a, b) { return a + b; } };

Desestruturação de Objeto (Destructuring)

const { nome, idade } = { nome: 'Ana', idade: 25 };

Desestruturação de Array (Destructuring)

const [primeiro, segundo] = [10, 20];

Operador Spread em Arrays

const copia = [...[1, 2], 3, 4]; // [1, 2, 3, 4]

Operador Spread em Objetos

const base = { a: 1 }; const estendido = { ...base, b: 2 };

Parâmetro Rest

function somarTodos(...nums) { return nums.reduce((a, b) => a + b); }

Operador de Coalescência Nula (??)

const val = null ?? 'padrão'; // 'padrão'

Encadeamento Opcional (?.)

const rua = user?.endereco?.rua;

JSON.stringify (Objeto para JSON)

const textoJson = JSON.stringify({ a: 1 });

JSON.parse (JSON para Objeto)

const obj = JSON.parse('{"a": 1}');

Tratamento de exceções com try / catch

try { throw new Error('Falha'); } catch (err) { console.error(err.message); }

Declaração de Promise

const promessa = new Promise((resolve) => resolve('Sucesso!'));

Consumo de Promise com .then e .catch

promessa.then(res => console.log(res)).catch(err => console.error(err));

Função assíncrona com async / await

async function carregar() { const dados = await promessa; return dados; }

Temporizador com setTimeout

setTimeout(() => console.log('Após 1s'), 1000);

Intervalo com setInterval e clearInterval

const timer = setInterval(() => console.log('Tick'), 1000); clearInterval(timer);

Definição de Classe (Class)

class Pessoa { constructor(nome) { this.nome = nome; } }

Herança de Classes (extends e super)

class Aluno extends Pessoa { constructor(n) { super(n); } }

Uso da palavra-chave this

const car = { marca: 'Ford', exibir() { return this.marca; } };

Manipulação DOM: selecionar elemento

const btn = document.querySelector('#botao-salvar');

Manipulação DOM: adicionar evento

btn.addEventListener('click', () => alert('Clicado!'));