Il Cheat Sheet di JavaScript definitivo

Il Cheat Sheet di JavaScript definitivo

Se vuoi creare pagine web dinamiche, dovrai integrare la tua conoscenza di HTML e CSS con una comprensione di JavaScript . Questo linguaggio di scripting è considerato essenziale nello sviluppo web moderno.





Puoi creare tutti i tipi di app e siti Web interattivi interessanti con JavaScript, ma c'è molto da imparare lungo la strada. Con questo in mente, abbiamo creato per te il seguente cheat sheet di JavaScript.





Il cheat sheet può fungere da rapido aggiornamento sugli elementi JavaScript ogni volta che ne hai bisogno. È utile sia per i principianti che per gli esperti.





Windows 10 non rimarrà connesso al wifi

DOWNLOAD GRATUITO: Questo cheat sheet è disponibile come a PDF scaricabile dal nostro partner di distribuzione, TradePub. Dovrai compilare un breve modulo per accedervi solo per la prima volta. Scarica Il Cheat Sheet di JavaScript definitivo .

Il Cheat Sheet di JavaScript definitivo

scorciatoiaAzione
Array JavaScript
concat()Unisci più array in uno
copia dentro()Copia gli elementi dell'array all'interno dell'array, da e verso posizioni specificate
indice di()Restituisce il valore primitivo dell'oggetto specificato
include()Controlla se un array contiene l'elemento specificato
aderire()Combina gli elementi di un array in una singola stringa e restituisci la stringa
inserimenti()Restituisce una coppia chiave/valore Array Iteration Object
ogni()Controlla se ogni elemento in un array supera un test
riempire()Riempi gli elementi in un array con un valore statico
filtro()Crea un nuovo array con ogni elemento in un array che supera un test
trova()Restituisce il valore del primo elemento in un array che supera un test
per ciascuno()Chiama una funzione per ogni elemento dell'array
a partire dal()Crea un array da un oggetto
lastIndexOf()Indica l'ultima posizione in cui un dato elemento appare in un array
pop ()Rimuovi l'ultimo elemento di un array
spingere()Aggiungi un nuovo elemento alla fine
inversione()Ordina gli elementi in ordine decrescente
ridurre()Riduci i valori di un array a un singolo valore (andando da sinistra a destra)
reduceRight()Riduci i valori di un array a un singolo valore (andando da destra a sinistra)
spostare()Rimuovi il primo elemento di un array
fetta()Estrai una copia di una parte di un array in un nuovo oggetto array
ordinare()Ordina gli elementi in ordine alfabetico
giunzione()Aggiungi elementi in un modo e in una posizione specificati
unshift()Aggiungi un nuovo elemento all'inizio
Metodi booleani JavaScript
accordare()Converti un valore booleano in una stringa e restituisci il risultato
valore di()Restituisce la prima posizione in cui un dato elemento appare in un array
aSource()Restituisce una stringa che rappresenta il codice sorgente dell'oggetto
Operatori aritmetici JavaScript
+aggiunta
-Sottrazione
*Moltiplicazione
/Divisione
(...)Operatore di raggruppamento (le operazioni tra parentesi vengono eseguite prima di quelle all'esterno)
%Modulo (resto)
++Incrementa i numeri
-Decrementa i numeri
==Uguale a
===Uguale valore e uguale tipo
! =Non uguale
! ==Valore non uguale o tipo diverso
>Più grande di
<minore di
> =Maggiore o uguale a
<=Minore o uguale a
?Operatore ternario
Operatori logici
&&AND . logico
||OR logico
!NON logico
Operatori bit a bit
&AND dichiarazione
|O dichiarazione
~NON
^XOR
<<Tasto maiuscolo di sinistra
>>spostamento a destra
>>>Zero riempimento spostamento a destra
Funzioni
mettere in guardia()Dati di output in una casella di avviso nella finestra del browser
Confermare()Apri una finestra di dialogo sì/no e restituisci vero/falso a seconda del clic dell'utente
console.log()Scrivere informazioni nella console del browser (buono per scopi di debug)
document.write()Scrivi direttamente nel documento HTML
richiesta()Crea una finestra di dialogo per l'input dell'utente
Funzioni globali
decodifica ()Decodifica un URI (Uniform Resource Identifier) ​​creato da encodeURI o simili
decodeURIComponent()Decodifica l'URI del componente
codificaURI()Codifica un URI in UTF-8
codificaURIComponent()Lo stesso ma per i componenti URI
eval()Valuta il codice JavaScript rappresentato come una stringa
isFinite ()Determina se un valore passato è un numero finito
isNaN()Determina se un valore è un numero illegale
Numero()Converti il ​​valore di un oggetto in un numero
parseFloat()Analizza una stringa e restituisce un numero in virgola mobile
parseInt()Analizza una stringa e restituisce un intero
Ciclo JavaScript
perIl modo più comune per creare un ciclo in JavaScript
mentreImposta le condizioni in cui viene eseguito un ciclo
fare mentreSimile al ciclo while, tuttavia, viene eseguito almeno una volta ed esegue un controllo alla fine per vedere se la condizione è soddisfatta per l'esecuzione di nuovo
rotturaArrestare ed uscire dal ciclo se vengono soddisfatte determinate condizioni
ContinuaSalta parti del ciclo se vengono soddisfatte determinate condizioni
Personaggi di fuga
'Citazione singola
'Citazione doppia
\Barra rovesciata
BBackspace
FFeed modulo
Nuova linea
RRitorno a capo
TTabulatore orizzontale
vTabulatore verticale
Metodi stringa JavaScript
carattere ()Restituisce un carattere in una posizione specificata all'interno di una stringa
charCodeAt ()Dai l'unicode del carattere in quella posizione
concat()Concatena (unisci) due o più stringhe in una
fromCharCode()Restituisce una stringa creata dalla sequenza specificata di unità di codice UTF-16
indice di()Fornire la posizione della prima occorrenza del testo specificato all'interno di una stringa
lastIndexOf()Uguale a indexOf() ma con l'ultima occorrenza, cercando all'indietro
incontro()Recupera le corrispondenze di una stringa rispetto a un modello di ricerca
sostituire()Trova e sostituisci il testo specificato in una stringa
ricerca()Esegui una ricerca per un testo corrispondente e restituisci la sua posizione
fetta()Estrai una sezione di una stringa e restituiscila come una nuova stringa
diviso()Dividi un oggetto stringa in un array di stringhe in una posizione specificata
inizia con()Controlla se una stringa inizia con i caratteri specificati
substr()Simile a slice() ma estrae una sottostringa in base a un numero specificato di caratteri
sottostringa()Simile a slice() ma non può accettare indici negativi
in minuscolo()Converti le stringhe in minuscolo
in maiuscolo()Converti le stringhe in maiuscolo
valore di()Restituisce il valore primitivo (che non ha proprietà o metodi) di un oggetto stringa
SINTASSI DI ESPRESSIONE REGOLARE

Modificatori di pattern
eValutare la sostituzione
ioEseguire la corrispondenza senza distinzione tra maiuscole e minuscole
GEsegui la corrispondenza globale
mEsegui la corrispondenza di più righe
STratta le stringhe come una linea singola
XConsenti commenti e spazi bianchi nel pattern
tuModello non avido
Parentesi
[abc]Trova uno dei caratteri tra parentesi
[^ abc]Trova qualsiasi carattere non tra parentesi
[0-9]Trova la cifra specificata tra parentesi
[A-z]Trova qualsiasi carattere dalla A maiuscola alla z minuscola
(a|b|c)Trova una delle alternative separate con |
Metacaratteri
.Trova un singolo carattere, eccetto la nuova riga o il terminatore di riga
inCarattere di parola
INCarattere non verbale
Duna cifra
DUn carattere senza cifre
SCarattere di spazio bianco
SCarattere senza spazi
BTrova una corrispondenza all'inizio/alla fine di una parola
BTrova una corrispondenza non all'inizio/alla fine di una parola
u0000carattere NUL
Un nuovo carattere di linea
FCarattere feed modulo
RCarattere di ritorno a capo
TCarattere di tabulazione
vCarattere di tabulazione verticale
xxxCarattere specificato da un numero ottale xxx
xddCarattere latino specificato da un numero esadecimale dd
uddddCarattere Unicode specificato da un numero esadecimale dddd
quantificatori
n+Trova qualsiasi stringa che contenga almeno un n
n*Qualsiasi stringa che contiene zero o più occorrenze di n
n?Qualsiasi stringa che contiene zero o una occorrenza di n
n{X}Qualsiasi stringa che contiene una sequenza di X n's
n {X, Y}Stringhe che contengono una sequenza da X a Y n's
n{X,}Corrisponde a qualsiasi stringa che contiene una sequenza di almeno X n's
n$Qualsiasi stringa con n alla fine
^nStringa con n all'inizio
?=nQualsiasi stringa seguita da una stringa specifica n
?!nStringa non seguita da una stringa specifica n
Proprietà dei numeri
MAX_VALUEValore numerico massimo rappresentabile in JavaScript
MIN_VALUEValore numerico positivo più piccolo rappresentabile in JavaScript
NaNIl valore Non-un-Numero
NEGATIVE_INFINITYValore infinito negativo
POSITIVE_INFINITYValore infinito positivo
Metodi numerici
toEsponenziale()Restituisce una stringa con un numero arrotondato scritto come notazione esponenziale
aRisolto()Restituisce la stringa di un numero con un numero di decimali specificato
alla precisione()Restituisce la stringa di un numero scritto con una lunghezza specificata
accordare()Restituisce un numero come stringa
valore di()Restituisci un numero come numero
Proprietà matematiche
EIl numero di Eulero
LN2Logaritmo naturale di 2
LN10Logaritmo naturale di 10
LOG2ELogaritmo in base 2 di E
LOG10ELogaritmo in base 10 di E
PIIl numero PI
SQRT1_2Radice quadrata di 1/2
SQRT2Radice quadrata di 2
Metodi matematici
addominali(x)Restituisce il valore assoluto (positivo) di x
acco (x)Arcoseno di x, in radianti
asin(x)Arcoseno di x, in radianti
atan (x)Arcotangente di x come valore numerico
atan2 (y, x)Arcotangente del quoziente dei suoi argomenti
soffitto(x)Valore di x arrotondato all'intero più vicino
cos(x)Il coseno di x (x è in radianti)
esp(x)Valore di Ex
piano(x)Valore di x arrotondato per difetto all'intero più vicino
registro(x)Logaritmo naturale (base E) di x
massimo(x,y,z,...,n)Numero con valore più alto
min (x, y, z, ..., n)Numero con il valore più basso
pow (x, y)X alla potenza di y
a caso()Numero casuale compreso tra 0 e 1
rotondo(x)Valore di x arrotondato al numero intero più vicino
peccato (x)Seno di x (x è in radianti)
sqrt(x)Radice quadrata di x
quindi (x)Tangente di un angolo
Date
Data()Crea un nuovo oggetto data con la data e l'ora correnti
Data (2017, 5, 21, 3, 23, 10, 0)Crea un oggetto data personalizzato. I numeri rappresentano anno, mese, giorno, ora, minuti, secondi, millisecondi. Puoi omettere tutto quello che vuoi tranne anno e mese.
Data (2017-06-23)Dichiarazione della data come stringa
getDate()Ottieni il giorno del mese come numero (1-31)
getDay()Ottieni il giorno della settimana come numero (0-6)
getAnnoCompleto()Ottieni l'anno come numero a quattro cifre (aaaa)
getHours()Ottieni l'ora (0-23)
getMillisecondi()Ottieni il millisecondo (0-999)
getMinuti()Ottieni il minuto (0-59)
getMonth()Ottieni il mese come numero (0-11)
getSeconds()Ottieni il secondo (0-59)
prendi tempo()Ottieni l'ora (millisecondi dal 1 gennaio 1970)
getUTCDate ()Giorno (data) del mese nella data specificata secondo l'ora universale (disponibile anche per giorno, mese, anno intero, ore, minuti ecc.)
analizzareAnalizza una rappresentazione di stringa di una data e restituisce il numero di millisecondi dal 1 gennaio 1970
impostare la data()Imposta il giorno come numero (1-31)
setAnno intero ()Imposta l'anno (facoltativamente mese e giorno)
impostaOre ()Imposta l'ora (0-23)
setMillisecondi()Imposta i millisecondi (0-999)
impostaMinuti()Imposta i minuti (0-59)
setMese()Imposta il mese (0-11)
setSecondi()Imposta i secondi (0-59)
tempo impostato()Imposta l'ora (millisecondi dal 1 gennaio 1970)
setUTCDate()Imposta il giorno del mese per una data specificata in base all'ora universale (disponibile anche per giorno, mese, anno intero, ore, minuti ecc.)
MODALITÀ DOM

Proprietà del nodo
attributiRaccolta in tempo reale di tutti gli attributi registrati su un elemento
baseURIURL di base assoluto di un elemento HTML
childNodesRaccolta dei nodi figli di un elemento
PrimogenitoPrimo nodo figlio di un elemento
ultimo bambinoUltimo nodo figlio di un elemento
successivoSiblingNodo successivo allo stesso livello dell'albero del nodo
NomeNodoNome di un nodo
nodeTypeTipo di nodo
valore nodoValore di un nodo
proprietarioDocumentoOggetto documento di primo livello per il nodo corrente
parentNodeNodo padre di un elemento
precedenteSiblingNodo immediatamente precedente a quello corrente
testoContenutoContenuto testuale di un nodo e dei suoi discendenti
Metodi del nodo
appendChild()Aggiungi un nuovo nodo figlio a un elemento come ultimo nodo figlio
cloneNode()Clona elemento HTML
compareDocumentPosition()Confronta la posizione del documento di due elementi
getFeature()Restituisce un oggetto che implementa le API di una funzione specificata
hasAttributes()Restituisce vero se un elemento ha degli attributi, altrimenti restituisce falso
hasChildNodes()Restituisce vero se un elemento ha nodi figli, altrimenti restituisce falso
inserire prima()Inserisci un nuovo nodo figlio prima di un nodo figlio esistente specificato
isDefaultNamespace()Restituisce vero se un namespaceURI specificato è l'impostazione predefinita, altrimenti restituisce false
isEqualNode()Controlla se due elementi sono uguali
isSameNode()Controlla se due elementi sono lo stesso nodo
è supportato ()Restituisce vero se una funzione specificata è supportata sull'elemento
lookupNamespaceURI()Restituisce il namespaceURI associato a un dato nodo
ricercaPrefisso()Restituisce una DOMString contenente il prefisso per un dato namespaceURI, se presente
normalizzare()Unisci nodi di testo adiacenti e rimuovi i nodi di testo vuoti in un elemento
rimuovifiglio()Rimuovere un nodo figlio da un elemento
sostituisciBambino()Sostituisci un nodo figlio in un elemento
Metodi degli elementi
getAttributo()Restituisce il valore dell'attributo specificato di un nodo elemento
getAttributeNS()Restituisce il valore stringa dell'attributo con lo spazio dei nomi e il nome specificati
getAttributeNode()Ottieni il nodo dell'attributo specificato
getAttributeNodeNS()Restituisce il nodo dell'attributo per l'attributo con lo spazio dei nomi e il nome dati
getElementsByTagName()Fornisci una raccolta di tutti gli elementi figlio con il nome del tag specificato
getElementsByTagNameNS()Restituisce una raccolta HTML live di elementi con un certo nome di tag appartenente al dato spazio dei nomi
hasAttribute()Restituisce vero se un elemento ha degli attributi, altrimenti restituisce falso
hasAttributeNS()Fornisci un valore vero/falso che indichi se l'elemento corrente in un dato spazio dei nomi ha l'attributo specificato
removeAttribute()Rimuovi un attributo specificato da un elemento
removeAttributeNS()Rimuovi l'attributo specificato da un elemento all'interno di un certo spazio dei nomi
removeAttributeNode()Rimuovi un nodo attributo specificato e restituisci il nodo rimosso
setAttribute()Imposta o modifica l'attributo specificato su un valore specificato
setAttributeNS()Aggiungi un nuovo attributo o modifica il valore di un attributo con lo spazio dei nomi e il nome dati
setAttributeNode()Imposta o modifica il nodo dell'attributo specificato
setAttributeNodeNS()Aggiungi un nuovo nodo di attributi con spazio dei nomi a un elemento
Proprietà della finestra del browser
ChiusoControlla se una finestra è stata chiusa o meno e restituisce vero o falso
stato predefinitoImposta o restituisce il testo predefinito nella barra di stato di una finestra
documentoRestituisce l'oggetto documento per la finestra
corniciRestituisci tutto