Janela de alerta= alert
janela de confirmação= confirm
janela de escrita= prompt
número= Number
número inteiro= [Link]
número real= [Link]
letras maiúsculas= (X).toUpperCase()
letras minúsculas= (X).toLowerCase()
escrever no documento= [Link]
Quantidade de caracteres= (X).length
comentário= //
quantidade de números depois da vírgula= [Link](Y)
botar número em reais= [Link](‘pt-BR’, {style:
‘Currency’, Currency: ‘BRL /* pode mudar */ ’})
quebra de linha= \n
escrever de novo= innerText
troca= [Link](‘Y’, ‘Y’)
resto da divisão= %
potência= **
Igualdade → ==
Idêntico= → ===
Diferente → !=
Completamente diferente →!==
Conjunção= e → &&
Disjunção= ou → ||
NOTA: se faz primeiro a Conjunção depois a Disjunção
se não houver PARÊNTESES
?/: = teste ? true : false
seleção de parágrafo= getElementsByTagName (‘tipo
de texto’) [parágrafo do texto]
bloco de funções= function Y() {X}
click= onclick → HTML
entrar= onmouseenter → HTML
sair= onmouseout → HTML
eventos= addEventListener
ID= dentro de um HTML botar id= ‘Y’
se= if (Y) {Y}
senão= else {Y}
texto= innerText
mais de uma opção= else if(X)
{ Data= var X= new Date()
Hora= var X= [Link] /* pode mudar */ ()
Ano= var X= [Link] /* pode mudar */ () }
{ outra opção= switch(Y) {
case 1: Y
break
case 2: Y
break
case 3: Y
break
default: Y
break
}
}
ID= [Link](X)
repetição= while(X)
repetição 2= for (var X; teste; incremento)
adicionar emoji= `\u{Y}`
criar objeto= var X= [Link](‘option’)
ligar um número a uma tabela= [Link](Y)
{
Array
variável composta= var X= [Y,Y,Y...]
adicionar na variável composta= X[Y]= Y
adicionar no final da variável composta não
especificado= [Link](Y)
ordenar em ordem crescente baseado no primeiro
número, considerando que a ordem é feita de
resultados menores que zero deixam A antes de B,
resultados maiores que 0 deixam B antes de A e
resultados 0 deixam as coisas como estavam antes =
[Link](function(a, b) {
return a - b
})
retornar chave= [Link](Y)
remover o último valor de uma array= [Link]()
remover o primeiro valor de uma array= [Link]()
adicionar ao primeiro valor de uma array= [Link](Y)
remove um valor do meio= variá[Link](número do
array, número de consecutivos /*tem que botar um no
mínimo*/, (opcional) no que se transformam) /*O splice
não modifica o resto do array se o primeiro valor for 0,
só joga a variável para a próxima casa do array sem
expulsá la*/
copiar uma parte do array = variá[Link](número
inicial, número que acaba mais não incluindo)
Para deletar algo use a palavra delete
Para testar se algo existe faça = o que procura in onde
procura
para copiar tudo = use o ...
let thisArray = [true, true, undefined, false, null];
let thatArray = [...thisArray];
// thatArray equals [true, true, undefined, false,
null]
// thisArray remains unchanged and thatArray contains
the same elements as thisArray
Para pegar só a primeira camada do objeto use =
[Link](X)
Para fazer desestruturação se faz= let [var, var,,, var
/*ou outra ordem*/] = [1, 2, 3, 4, 5, 6 /*ou outra coisa*/] //
resultado 1, 2, 5
para saber em qual posição um determinado elemento
está, faça = indexOf(o que você está procurando)
}
for especial= for(let X in X) {}
retornar= return
Orientação a objeto
objeto= let X= {Y:W...}
usar objeto= {this.Y += ou qualquer outro X} X.Y(Y)
juntar objetos= [Link]
para verificar se é verdadeiro ou falso se botar o nome
de uma propriedade que possivelmente existe dentro do
objeto= nome do [Link](propriedade
procurada)
Para congelar um objeto = [Link](nome do
objeto)
}
{
Math
Para retornar um número aleatório= var alguma coisa =
[Link]()
Para arredondar um número para baixo = [Link]
Para fazer o número ser o maior da variável = var algo =
[Link](null, nome do array)
Para fazer a raiz quadrada faça = Math. sqrt()
para transformar uma string em um número inteiro faça
= parseInt(‘string’) /*se não for composto apenas por
números dará NAN*/
{
Seção especial sobre o This
Não é fácil explicar isso resumidamente com palavras,
então olhe o código a seguir ou vá no link desse site
que explica.
let todos = {
artista: 'The Beatles',
tocar() {
[Link](`Estamos tocando ${[Link]}!`)
let bar = {
artista: 'Dire Straits',
tocar() {
[Link](`Vamos tocar ${[Link]}!`)
let show = {
artista: 'Blind Guardian',
tocar() {
[Link](`Vamos tocar ${[Link]}`)
[Link]() // Estamos tocando The Beatles!
[Link]() // Vamos tocar Dire Straits!
[Link]() // Vamos tocar Blind Guardian!
[Link]
o-de-uma-vez-por-todas
}
{
Export e Import
Para exportar faça
const uppercaseString = (string) => {false
return [Link]();
}
const lowercaseString = (string) => {
return [Link]()
}
import {uppercaseString, lowercaseString} from
export {uppercaseString, lowercaseString}
no código que deseja exportar e para importar
faça'./string_functions.js'
// Only change code above this line
uppercaseString("hello");
lowercaseString("WORLD!");
, é muito importante botar depois do from entre ‘’ ./j
depois o código/link do código que deseja importar (ele
já deve ter o export) e depois o tipo de documento,
como o .html e o .js.
}
{
Expressões regulares: usando o método de teste
Expressões regulares são usadas em linguagens de
programação para combinar partes de strings. Você cria
padrões para ajudá-lo a fazer essa correspondência.
Se você quiser encontrar a palavra "the"na string "The
dog chase the cat", você poderia usar a seguinte
expressão regular: /the/. Observe que as aspas não são
necessárias na expressão regular.
JavaScript possui várias maneiras de usar regexes.
Uma maneira de testar uma regex é usar o
.test()método. O .test()método pega a regex, aplica-a a
uma string (que é colocada entre parênteses) e retorna
true ou false o seu padrão encontrar algo ou não.
let testStr = "freeCodeCamp";
let testRegex = /Code/;
[Link](testStr);
// Returns true
Você pode usar o match também, mas ele em vez de
dar true ou false o resultado é a própria palavra mas a
forma de usar é diferente, ele é o contrário do test.
let testStr = "freeCodeCamp";
let testRegex = /Code/;
[Link](testRegex);
// Returns Code
possível a mais = +
infinito = *
não = ^
coringa = .
let username = "JackOfAllTrades";
let userCheck =
/^[a-z][a-z]+\d*$|^[a-z]\d\d+$/i;
let result = [Link](username);
[Link](result)
Explicação do código
1. ^ - início da entrada
2. [a-z] - o primeiro caractere é uma carta
3. [a-z]+ - os caracteres a seguir são letras
4. \d*$ - a entrada termina com 0 ou mais dígitos
5. | - ou
6. ^[a-z] - o primeiro caractere é uma carta
7. \d\d+ - os caracteres a seguir têm 2 ou mais dígitos
8. $ - fim da entrada
Espaço = \s
Para botar uma variável na expressão faça = variável =
RegExp(variável + ‘o resto da expressão’)/*talvez possa
em outra posição*/
}
repetição = [Link](número)
exemplo: ‘a’.repeat(3) // return aaa
para descobrir que tipo de variável é=
[Link](typeof variável)
para calcular potencia faça = [Link](Base,
Expoente)
Para inverter uma string faça =
[Link]('').reverse().join('')
para separar, a string vira um array = [Link](‘o que
deseja que seja o separador’, /*opcional*/ número de
vezes máximas)
para tirar os espaços do final e do início de uma string
faça = [Link]()
para verificar se um objeto pertence a outro use = obj
que pertence instanceof obj pai
Para fazer um objeto receber a function de outro objeto
use = var nome = [Link]([Link])
false
Para fazer o constructor virar outro faça =
[Link] = nome
para usar o map leia =
[Link]
g-guide-use-the-map-method-to-extract-data-from-an-arr
ay/18214
para usar o filter faça = [Link](nome aleatório =>
nome aleatório o teste)
para concatenar use = variá[Link](outra variável)
para usar o método reduce faça = [0, 1, 2, 3, 4,
5].reduce((com, possi) => com += possi, 0)
Método split e join
eles servem para converter uma string em array e
virce-versa
split se faz ⇒ variável = [Link](referência)
Ex: var str = "Hello World";
var bySpace = [Link](" ");
// Sets bySpace to ["Hello", "World"]
join se faz ⇒ variável = [Link](referência)
Ex: var arr = ["Hello", "World"];
var str = [Link](" ");
// Sets str to "Hello World"
para verificar todo o array use = [Link](function
(var2) { return var2 teste
EX:
var numbers = [1, 5, 8, 0, 10, 11];
[Link](function(currentValue) {
return currentValue < 10;
});
// Returns false
para verificar um valor do array use = [Link](function
(var2) { return var2 teste
para acessar todos os outros valores de uma function
use = [Link](arguments, 1/*pode
mudar*/)
Para linkar um botão a uma tecla use =
[Link]('keydown', function(e) {
if([Link] == "Enter"){
[Link]("btAcionar").click();
}
})
Para criar um objeto faça → Variável = [Link]({},
outro_objeto, possíveis_outros_objetos)
Para fazer uma animação em um elemento html apartir
do javascript faça = [Link]('o id do
elemento').animate({o valor (caso haja traço retireo e
mude a letra posterior para maiúscula): [o valor inicial
do valor, o valor final do valor]}, tempo em
milissegundo)
NOTAS aleatórias:
site de emoji= full emge list
O value serve para pegar o valor de algo
Para mudar uma tag html pelo javascript =
[Link](‘id’).innerHTML
Para fazer todos os tipos de conta = eval(string)
para descobrir o tamanho da altura =
[Link]
para descobrir o tamanho da largura =
[Link]
para criar um elemento bote =
[Link](‘tag’)
para jogar uma tag no html =
[Link](variável)
Para acionar uma função ao clicar em um botão pelo js
faça →
[Link]('DOMContentLoaded', function(){
[Link]('Id').onclick = function (){}
}
Para adicionar algo de outro computador pelo js →
const var = new XMLHttpRequest();
[Link]("GET",'link',true);
[Link]();
[Link] = function(){
const var2 = [Link]([Link]);
[Link]('Id').innerHTML =
[Link](var2);
};
/*ou*/
fetch('link')
.then(response => [Link]())
.then(data => {
[Link]('Id').innerHTML =
[Link](data);
})
Para adicionar os valores de um objeto faça →
let var
[Link](function(val) {
const var2 = [Link](val);
var = "<div class = 'cat'>";
[Link](function(key) {
var += "<strong>" + key + "</strong>: " + val[key] + "<br>";
});
var += "</div><br>";
});
Para fazer algo quando o mouse passa por cima =
variável_que_contem_o_id_ou_class.addEventListener(‘mouse
over’, function(){})