📜 JavaScript Cheat Sheet

📄 Documentação Oficial MDN

# Comando / Função O que faz Exemplo
1npm installInstala pacotes JS via gerenciador Nodenpm install lodash
2console.log()Imprime dados no console do navegador/terminalconsole.log("Olá Mundo")
3letDeclara variável com escopo de blocolet x = 10;
4constDeclara uma constante (não pode ser reatribuída)const PI = 3.14;
5typeofRetorna o tipo do dadotypeof "texto" // "string"
6Template StringsStrings com interpolação de variáveis`Olá ${nome}`
7&&Operador lógico "E" (AND)if(a && b)
8||Operador lógico "OU" (OR)if(a || b)
9!Operador de negação (NOT)if(!ativo)
10===Igualdade estrita (valor e tipo)5 === '5' // false
11str.lengthRetorna o tamanho da string"oi".length
12str.toUpperCase()Converte para maiúsculas"js".toUpperCase()
13str.toLowerCase()Converte para minúsculas"JS".toLowerCase()
14str.includes()Verifica se contém uma substringstr.includes("abc")
15str.split()Divide string em um arraystr.split(",")
16str.replace()Substitui parte da stringstr.replace("a", "b")
17str.trim()Remove espaços em branco nas pontasstr.trim()
18arr.push()Adiciona item ao finallista.push(4)
19arr.pop()Remove o último itemlista.pop()
20arr.shift()Remove o primeiro itemlista.shift()
21arr.unshift()Adiciona item no iníciolista.unshift(0)
22arr.map()Cria novo array transformando os dadosarr.map(x => x * 2)
23arr.filter()Filtra elementos baseados em condiçãoarr.filter(x => x > 10)
24arr.find()Encontra o primeiro item que satisfaz a condiçãoarr.find(x => x.id === 1)
25arr.forEach()Executa função para cada itemarr.forEach(i => console.log(i))
26arr.reduce()Reduz array a um único valorarr.reduce((acc, v) => acc + v)
27arr.join()Une elementos do array em stringarr.join("-")
28arr.slice()Copia uma parte do arrayarr.slice(0, 2)
29arr.splice()Adiciona/Remove itens em posição específicaarr.splice(2, 1)
30arr.indexOf()Retorna o índice de um elementoarr.indexOf("item")
31Object.keys()Retorna as chaves do objetoObject.keys(pessoa)
32Object.values()Retorna os valores do objetoObject.values(pessoa)
33Object.assign()Copia propriedades entre objetosObject.assign(alvo, fonte)
34JSON.stringify()Converte objeto em string JSONJSON.stringify({id: 1})
35JSON.parse()Converte string JSON em objetoJSON.parse('{"id": 1}')
36Arrow FunctionSintaxe curta para funçõesconst soma = (a, b) => a + b
37returnRetorna um valor e encerra a funçãoreturn resultado;
38setTimeout()Executa código após atrasosetTimeout(fn, 1000)
39setInterval()Executa código repetidamentesetInterval(fn, 2000)
40if / elseCondicional simplesif(x > 0) { } else { }
41switchMúltiplas condiçõesswitch(cor) { case 'red': ... }
42forLoop clássicofor(let i=0; i<10; i++)
43for...ofItera sobre valores de um iterávelfor(let x of array)
44for...inItera sobre chaves de um objetofor(let chave in obj)
45whileExecuta enquanto condição for verdadeirawhile(ativo) { }
46try / catchTratamento de errostry { ... } catch(e) { }
47document.getElementById()Seleciona elemento pelo IDdocument.getElementById("btn")
48document.querySelector()Seleciona via seletor CSSdocument.querySelector(".classe")
49element.innerHTMLAltera conteúdo HTML internoel.innerHTML = "Oi"
50element.textContentAltera apenas o texto internoel.textContent = "Texto"
51element.addEventListener()Escuta eventos (click, submit, etc)el.onclick = () => { }
52element.classList.add()Adiciona classe CSSel.classList.add("ativo")
53element.styleAltera estilo CSS inlineel.style.color = "red"
54element.setAttribute()Define um atributo HTMLel.setAttribute("src", "img.jpg")
55fetch()Faz requisições HTTP (API)fetch(url).then(...)
56async / awaitSintaxe para lidar com Promisesasync function f() { await ... }
57Promise.all()Aguarda múltiplas promisesPromise.all([p1, p2])
58Math.random()Gera número aleatório entre 0 e 1Math.random()
59Math.floor()Arredonda para baixoMath.floor(4.9) // 4
60Math.ceil()Arredonda para cimaMath.ceil(4.1) // 5
61new Date()Cria objeto de data e horanew Date()
62Destructuring (Array)Extrai valores de arrays para variáveisconst [a, b] = [1, 2]
63Destructuring (Obj)Extrai valores de objetosconst {nome} = usuario
64Spread Operator (...)Expande elementosconst novo = [...antigo, 4]
65Optional ChainingAcessa propriedades sem erro se nulouser?.endereco?.rua
66Nullish CoalescingRetorna padrão se for null/undefinedconst x = val ?? "padrão"
67Math.max()Retorna o maior valorMath.max(1, 5, 2)
68Math.min()Retorna o menor valorMath.min(1, 5, 2)
69Math.round()Arredonda para o inteiro mais próximoMath.round(4.5)
70Number.parseInt()Converte string para inteiroparseInt("10")
71Number.parseFloat()Converte string para decimalparseFloat("10.5")
72isNaN()Verifica se não é um númeroisNaN("abc")
73Array.isArray()Verifica se é um arrayArray.isArray([])
74String()Converte valor para StringString(123)
75Number()Converte valor para NúmeroNumber("123")
76Boolean()Converte para BooleanoBoolean(1) // true
77eval()Executa código string (Cuidado!)eval("2 + 2")
78decodeURI()Decodifica uma URLdecodeURI(url)
79encodeURI()Codifica uma URLencodeURI(url)
80localStorage.setItem()Salva dado no navegadorlocalStorage.setItem('k', 'v')
81localStorage.getItem()Recupera dado do navegadorlocalStorage.getItem('k')
82alert()Exibe alerta simplesalert("Olá")
83prompt()Pede entrada do usuárioprompt("Qual seu nome?")
84confirm()Pede confirmação OK/Cancelarconfirm("Deseja excluir?")
85window.location.reload()Recarrega a páginalocation.reload()
86window.scrollTo()Rola para posição específicawindow.scrollTo(0, 0)
87arr.sort()Ordena o arrayarr.sort()
88arr.reverse()Inverte a ordem do arrayarr.reverse()
89arr.every()Verifica se todos passam no testearr.every(x => x > 0)
90arr.some()Verifica se algum passa no testearr.some(x => x < 0)
91arr.fill()Preenche array com valor estáticoarr.fill(0)
92arr.flat()Achata arrays aninhadosarr.flat()
93Date.now()Timestamp atual em msDate.now()
94console.table()Exibe dados em formato de tabelaconsole.table(lista)
95console.error()Exibe erro no consoleconsole.error("Falhou")
96Object.freeze()Impede alteração no objetoObject.freeze(obj)
97Object.entries()Retorna array de pares [chave, valor]Object.entries(obj)
98String.repeat()Repete a string n vezes"a".repeat(3) // "aaa"
99String.startsWith()Verifica se começa com algostr.startsWith("A")
100String.endsWith()Verifica se termina com algostr.endsWith(".")