Sintaxe Básica de JavaScript

Cartões · 51

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

Cria uma variável com escopo de bloco que pode ser reatribuída. Exemplo: let idade = 25; idade = 26;

Declaração de constante (const)

Cria uma variável de valor fixo com escopo de bloco que não pode ser reatribuída. Exemplo: const pi = 3.14;

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

Cria uma variável com escopo global ou de função, sujeita a hoisting. Exemplo: var nome = 'Ana';

Tipos primitivos principais

Valores básicos imutáveis do JS: string, number, boolean, undefined, null, symbol, bigint. Exemplo: let ativo = true;

Template Literals (Interpolação)

Permite concatenar variáveis e expressões facilmente dentro de crases. Exemplo: const msg = `Olá, ${nome}!`;

Comentários no código

Usados para anotações ignoradas pelo interpretador. Exemplo: // linha única ou /* várias linhas */

Operadores aritméticos básicos

Executam cálculos matemáticos usuais (+, -, *, /, %). Exemplo: let total = (10 + 2) * 5;

Operador de resto da divisão (%)

Retorna o resto inteiro de uma divisão entre dois números. Exemplo: const resto = 7 % 2; // resulta em 1

Operador de exponenciação (**)

Eleva a base à potência indicada pelo expoente. Exemplo: const pot = 2 ** 3; // resulta em 8

Incremento e Decremento (++, --)

Aumenta ou diminui o valor da variável numérica em 1. Exemplo: let i = 0; i++;

Atribuição combinada

Combina operação aritmética com atribuição de valor. Exemplo: let x = 10; x += 5; // x passa a ser 15

Igualdade estrita (===)

Verifica se o valor e o tipo de dados são exatamente iguais. Exemplo: 5 === '5'; // retorna false

Igualdade solta (==)

Compara apenas o valor, convertendo tipos automaticamente. Exemplo: 5 == '5'; // retorna true

Diferença estrita (!==)

Verifica se os operandos têm valores ou tipos diferentes. Exemplo: 10 !== '10'; // retorna true

Operador lógico E (&&)

Retorna verdadeiro somente se ambas as condições forem verdadeiras. Exemplo: if (idade >= 18 && temCnh) {}

Operador lógico OU (||)

Retorna verdadeiro se pelo menos uma das condições for verdadeira. Exemplo: if (ehDomingo || ehFeriado) {}

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

Inverte o valor booleano da expressão avaliada. Exemplo: let aberto = false; let fechado = !aberto;

Condicional if / else

Executa blocos diferentes de acordo com uma condição lógica. Exemplo: if (x > 0) { log('Positivo'); } else { log('Zero ou negativo'); }

Condicional else if

Enfileira uma nova verificação lógica caso a anterior seja falsa. Exemplo: if (x > 0) {} else if (x === 0) {}

Operador Ternário

Atalho em uma linha para a estrutura if-else clássica. Exemplo: const status = nota >= 7 ? 'Aprovado' : 'Reprovado';

Estrutura switch / case

Avalia uma expressão contra múltiplos casos de teste. Exemplo: switch (dia) { case 1: log('Seg'); break; default: log('Outro'); }

Função tradicional (function)

Define um bloco reutilizável de código com parâmetros. Exemplo: function somar(a, b) { return a + b; }

Arrow Function

Sintaxe moderna e compacta para escrever funções em JS. Exemplo: const dobro = (n) => n * 2;

Parâmetro padrão em função

Define um valor padrão caso o argumento não seja enviado. Exemplo: function saudar(nome = 'Amigo') { return `Oi, ${nome}`; }

Declaração de Array (Lista)

Armazena uma coleção ordenada de elementos entre colchetes. Exemplo: const frutas = ['Maçã', 'Banana', 'Laranja'];

Acessar item do Array por índice

Lê um elemento usando seu índice numérico iniciando em 0. Exemplo: const primeira = frutas[0];

Propriedade length em Array

Informa a quantidade total de elementos presentes no array. Exemplo: const qtd = frutas.length;

Método push (Array)

Adiciona um ou mais novos elementos ao final do array. Exemplo: frutas.push('Uva');

Método pop (Array)

Remove e retorna o último elemento contido no array. Exemplo: const ultimo = frutas.pop();

Método unshift (Array)

Insere um ou mais elementos no início do array. Exemplo: frutas.unshift('Morango');

Método shift (Array)

Remove e retorna o primeiro elemento contido no array. Exemplo: const primeiro = frutas.shift();

Declaração de Objeto Literal

Estrutura que agrupa dados em pares de chave e valor. Exemplo: const pessoa = { nome: 'Carlos', idade: 30 };

Acessar propriedade de Objeto (Ponto)

Acessa diretamente o valor de uma chave usando notação de ponto. Exemplo: const n = pessoa.nome;

Acessar propriedade de Objeto (Colchetes)

Acessa propriedades usando strings dinâmicas entre colchetes. Exemplo: const prop = 'idade'; const id = pessoa[prop];

Laço for clássico

Repete um bloco de código usando um contador numérico controlado. Exemplo: for (let i = 0; i < 5; i++) { console.log(i); }

Laço while

Executa o bloco enquanto a condição fornecida for verdadeira. Exemplo: while (n < 3) { n++; }

Laço for...of

Itera diretamente sobre os valores de um elemento iterável como Array. Exemplo: for (const item of lista) { console.log(item); }

Laço for...in

Itera sobre as chaves enumeráveis de um objeto. Exemplo: for (const chave in pessoa) { console.log(chave); }

Comandos break e continue

Break interrompe o laço por completo; continue pula para a próxima volta. Exemplo: if (i === 2) break;

Método map (Array)

Cria um novo array transformando cada elemento do original. Exemplo: const dobrados = nums.map(n => n * 2);

Método filter (Array)

Gera um novo array contendo apenas os itens que cumprem o teste. Exemplo: const pares = nums.filter(n => n % 2 === 0);

Método forEach (Array)

Executa uma função para cada item do array sem gerar retorno. Exemplo: lista.forEach(item => console.log(item));

Método find (Array)

Retorna o primeiro elemento que satisfaz a condição dada. Exemplo: const achado = lista.find(el => el.id === 1);

Desestruturação de Array (Destructuring)

Extrai itens de um array diretamente para variáveis individuais. Exemplo: const [a, b] = [10, 20];

Desestruturação de Objeto (Destructuring)

Extrai propriedades de um objeto para variáveis com o mesmo nome. Exemplo: const { nome } = pessoa;

Operador Spread (...)

Espalha os elementos de um array ou objeto em outro local. Exemplo: const novo = [...velho, 4, 5];

Operador Rest (...)

Agrupa o restante dos argumentos passados em um array. Exemplo: function listar(...itens) { return itens; }

Operador de Coalescência Nula (??)

Retorna o lado direito somente se o esquerdo for null ou undefined. Exemplo: const val = input ?? 'Padrão';

Encadeamento Opcional (?.)

Acessa propriedades aninhadas sem disparar erro se a base for nula. Exemplo: const rua = usuario?.endereco?.rua;

Tratamento de erros (try / catch)

Captura exceções em tempo de execução evitando a quebra do script. Exemplo: try { fn(); } catch (err) { console.error(err); }

Funções Assíncronas (async / await)

Permite escrever código assíncrono com visual e fluxo síncronos. Exemplo: async function carregar() { const res = await fetch(url); }