Det ultimative JavaScript Cheat Sheet

Det ultimative JavaScript Cheat Sheet

Hvis du vil bygge dynamiske websider, skal du supplere din HTML- og CSS -viden med en forståelse af JavaScript . Dette scriptsprog betragtes som et vigtigt element i moderne webudvikling.





Du kan bygge alle slags interessante interaktive apps og websteder med JavaScript, men der er meget at lære undervejs. Med det i tankerne har vi oprettet følgende JavaScript -snydeblad til dig.





Snydearket kan tjene som en hurtig opdatering af JavaScript -elementer, når du har brug for et. Det er praktisk til både nybegyndere og eksperter.





stopkode dårlig systemkonfigurationsinformation

GRATIS DOWNLOAD: Dette snydeblad findes som en PDF, der kan downloades fra vores distributionspartner, TradePub. Du bliver kun nødt til at udfylde en kort formular for at få adgang til den for første gang. Hent Det ultimative JavaScript Cheat Sheet .

Det ultimative JavaScript Cheat Sheet

GenvejHandling
JavaScript -arrays
konkat ()Slut flere arrays til en
copyWithin ()Kopier matrixelementer i arrayet til og fra angivne positioner
indeks af()Returner den primitive værdi for det angivne objekt
inkluderer ()Kontroller, om en matrix indeholder det angivne element
tilslutte()Kombiner elementer i en matrix til en enkelt streng og returner strengen
poster ()Returner et nøgle/værdipar Array Iteration Object
hver()Kontroller, om hvert element i en matrix består en test
fylde()Fyld elementerne i en matrix med en statisk værdi
filter()Opret en ny matrix med hvert element i en matrix, der består en test
Find()Returner værdien af ​​det første element i en matrix, der består en test
for hver()Tilkald en funktion for hvert array -element
fra()Opret en matrix fra et objekt
lastIndexOf ()Angiv den sidste position, hvor et givet element vises i en matrix
pop ()Fjern det sidste element i en matrix
skubbe()Tilføj et nyt element i slutningen
baglæns()Sorter elementer i faldende rækkefølge
reducere()Reducer værdierne for en matrix til en enkelt værdi (går fra venstre til højre)
reducereRet ()Reducer værdierne for en matrix til en enkelt værdi (går fra højre til venstre)
flytte()Fjern det første element i en matrix
skive()Træk en kopi af en del af en matrix ind i et nyt arrayobjekt
sortere()Sorter elementer alfabetisk
splejs ()Tilføj elementer på en bestemt måde og position
unshift ()Tilføj et nyt element til begyndelsen
JavaScript boolske metoder
toString ()Konverter en boolsk værdi til en streng, og returner resultatet
Værdi af()Returner den første position, hvor et givet element vises i en matrix
toSource ()Returner en streng, der repræsenterer objektets kildekode
JavaScript aritmetiske operatører
+Tilføjelse
-Subtraktion
*Multiplikation
/Division
(...)Grupperingsoperatør (operationer inden for parentes udføres tidligere end dem udenfor)
%Modul (resten)
++Forøgelse af tal
-Reducer tal
==Svarende til
===Lige værdi og samme type
! =Ikke lige
! ==Ikke lige værdi eller ikke lige type
>Bedre end
<Mindre end
> =Større end eller lig med
<=Mindre end eller lig med
?Ternær operatør
Logiske operatører
&&Logisk OG
||Logisk ELLER
!Logisk IKKE
Bitvise operatører
&OG erklæring
|ELLER erklæring
~IKKE
^XOR
<<Venstre skift
>>Højre skift
>>>Nulfyld højre skift
Funktioner
alert()Output data i en advarselsboks i browservinduet
bekræfte()Åbn en ja/nej -dialog, og returner sand/falsk afhængigt af brugerens klik
console.log ()Skriv oplysninger til browserkonsollen (god til fejlfinding)
document.write ()Skriv direkte til HTML -dokumentet
hurtig()Opret en dialog for brugerinput
Globale funktioner
afkoder ()Afkode en Uniform Resource Identifier (URI) oprettet af encodeURI eller lignende
decodeURIComponent ()Afkod komponenten URI
kodeURI ()Kod en URI til UTF-8
kodeURIComponent ()Samme, men for URI -komponenter
eval ()Evaluer JavaScript -kode repræsenteret som en streng
isFinite ()Bestem, om en bestået værdi er et begrænset tal
isNaN ()Bestem om en værdi er et ulovligt tal
Nummer()Konverter et objekts værdi til et tal
parseFloat ()Parser en streng, og returner et flydende tal
parseInt ()Analyser en streng og returner et helt tal
JavaScript -sløjfer
tilDen mest almindelige måde at oprette en loop i JavaScript
mensOpstil betingelser, hvorunder en loop udføres
gøre imensI lighed med while -løkken udføres den dog mindst én gang og udfører en kontrol i slutningen for at se, om betingelsen er opfyldt for at udføre igen
pauseStop og afslut cyklussen, hvis visse betingelser er opfyldt
Blive vedSpring dele af cyklussen over, hvis visse betingelser er opfyldt
Escape karakterer
'Enkelt citat
'Dobbelt citat
\Skråstreg
bTilbage
fForm feed
nNy linje
rVognretur
tVandret tabulator
vLodret tabulator
JavaScript -strengmetoder
charAt ()Returner et tegn på en bestemt position inde i en streng
charCodeAt ()Giv karakteren unicode på den position
konkat ()Sammenkæd (sammenføj) to eller flere strenge til en
fromCharCode ()Returner en streng, der er oprettet fra den angivne sekvens af UTF-16-kodenheder
indeks af()Angiv placeringen af ​​den første forekomst af specificeret tekst i en streng
lastIndexOf ()Samme som indexOf (), men med den sidste forekomst, søgning baglæns
match()Hent matches af en streng mod et søgemønster
erstatte()Find og erstat specificeret tekst i en streng
Søg()Udfør en søgning efter en matchende tekst, og returner dens position
skive()Uddrag en sektion af en streng og returner den som en ny streng
dele()Opdel et strengobjekt i en række strenge på en bestemt position
starter med ()Kontroller, om en streng begynder med angivne tegn
substr ()Ligner slice (), men udtrækker en delstreng afhængig af et bestemt antal tegn
substring ()Ligner slice (), men kan ikke acceptere negative indeks
toLowerCase ()Konverter strenge til små bogstaver
toUpperCase ()Konverter strenge til store bogstaver
Værdi af()Returner den primitive værdi (der ikke har nogen egenskaber eller metoder) for et strengobjekt
REGULAR UDTRYKKESYNTAX

Mønstermodifikatorer
OgEvaluer udskiftning
jegUdfør store og små ufølsomme matchninger
gUdfør global matchning
mUdfør matchning af flere linjer
sBehandl strenge som en enkelt linje
xTillad kommentarer og mellemrum i mønster
UUhyggeligt mønster
Beslag
[abc]Find en af ​​tegnene i parenteserne
[^ abc]Find et tegn, der ikke er i parenteserne
[0-9]Find ciffer angivet i parenteserne
[A-z]Find ethvert tegn fra store A til små z
(a | b | c)Find et af alternativerne adskilt med |
Metakarakterer
.Find et enkelt tegn, undtagen ny linje eller linjeterminator
iOrdtegn
IIkke-ord karakter
dEt ciffer
DEt ikke-cifret tegn
sMellemrumstegn
SIkke-hvidt mellemrum
bFind et match i begyndelsen/slutningen af ​​et ord
BFind et match, der ikke er i begyndelsen/slutningen af ​​et ord
u0000NUL karakter
nEn ny stregfigur
fForm feed karakter
rVogn retur karakter
tFanetegn
vLodret faneblad
xxxTegn angivet med et oktalt tal xxx
xddLatinsk tegn angivet med et hexadecimalt tal dd
uddddUnicode -tegn angivet med et hexadecimalt tal dddd
Kvantificatorer
n+Match enhver streng, der indeholder mindst en n
n*Enhver streng, der indeholder nul eller flere forekomster af n
n?Enhver streng, der indeholder nul eller en forekomst af n
n {X}Enhver streng, der indeholder en sekvens af X n’er
n {X, Y}Strenge, der indeholder en sekvens af X til Y n’er
n {X,}Matcher enhver streng, der indeholder en sekvens på mindst X n’er
n $Enhver streng med n for enden af ​​den
^nString med n i begyndelsen af ​​det
? = nEnhver streng, der efterfølges af en bestemt streng n
?! nString, der ikke efterfølges af en bestemt streng n
Nummeregenskaber
MAX_VALUEMaksimal numerisk værdi, der kan repræsenteres i JavaScript
MIN_VALUEMindste positive numeriske værdi, der kan repræsenteres i JavaScript
NaNVærdien Not-a-Number
NEGATIVE_INFINITYNegativ uendelig værdi
POSITIVE_INFINITYPositiv uendelig værdi
Antal metoder
tilExponential ()Returner en streng med et afrundet tal skrevet som eksponentiel notation
tilFixed ()Returstreng af et tal med et bestemt antal decimaler
tilPrecision ()Returstreng af et tal skrevet med en bestemt længde
toString ()Returner et tal som en streng
Værdi af()Returner et tal som et tal
Matematiske egenskaber
OGEulers nummer
LN2Naturlig logaritme af 2
LN10Naturlig logaritme på 10
LOG2EBase 2 logaritme af E
LOG10EBase 10 logaritme af E
PITallet PI
SQRT1_2Kvadratrod på 1/2
SQRT2Kvadratrode af 2
Matematiske metoder
abs (x)Returner den absolutte (positive) værdi af x
accos (x)Arccosine af x, i radianer
asin (x)Arcsine af x, i radianer
atan (x)Arctangent af x som en numerisk værdi
atan2 (y, x)Arctangent for kvoten af ​​dens argumenter
loft (x)Værdien af ​​x afrundet op til dets nærmeste heltal
cos (x)Cosinus af x (x er i radianer)
eksp (x)Værdi af Ex
gulv (x)Værdien af ​​x afrundet til dets nærmeste heltal
log (x)Naturlig logaritme (base E) på x
max (x, y, z, ..., n)Nummer med højeste værdi
min (x, y, z, ..., n)Nummer med laveste værdi
pow (x, y)X til y's magt
tilfældig()Tilfældigt tal mellem 0 og 1
runde (x)Værdien af ​​x afrundet til dets nærmeste heltal
synd (x)Sinus af x (x er i radianer)
kvadrat (x)Kvadratrod af x
så (x)Tangens af en vinkel
Datoer
Dato()Opret et nyt datoobjekt med den aktuelle dato og klokkeslæt
Dato (2017, 5, 21, 3, 23, 10, 0)Opret et tilpasset datoobjekt. Tallene repræsenterer år, måned, dag, time, minutter, sekunder, millisekunder. Du kan undlade alt, hvad du vil, undtagen år og måned.
Dato (2017-06-23)Datoerklæring som en streng
getDate ()Få månedens dag som et tal (1-31)
getDay ()Få hverdagen som et tal (0-6)
getFullYear ()Få året som et firecifret tal (åååå)
getHours ()Få timen (0-23)
getMilliseconds ()Få millisekund (0-999)
getMinutes ()Få minuttet (0-59)
getMonth ()Få måneden som et tal (0-11)
getSeconds ()Få den anden (0-59)
getTime ()Få tiden (millisekunder siden 1. januar 1970)
getUTCDate ()Dag (dato) i måneden i den angivne dato i henhold til universel tid (også tilgængelig for dag, måned, fuldtidsår, timer, minutter osv.)
parseParser en strengrepræsentation af en dato, og returner antallet af millisekunder siden 1. januar 1970
setDate ()Indstil dagen som et tal (1-31)
setFullYear ()Indstil år (valgfrit måned og dag)
setHours ()Indstil timen (0-23)
setMilliseconds ()Indstil millisekunder (0-999)
setMinutes ()Indstil minutterne (0-59)
setMonth ()Indstil måned (0-11)
setSeconds ()Indstil sekunder (0-59)
fastsat tidspunkt()Indstil tiden (millisekunder siden 1. januar 1970)
setUTCDate ()Indstil dagen i måneden til en bestemt dato i henhold til den universelle tid (også tilgængelig for dag, måned, helår, timer, minutter osv.)
DOM MODE

Nodeegenskaber
egenskaberLive samling af alle attributter, der er registreret til et element
baseURIAbsolut basis -URL for et HTML -element
childNodesSamling af et elements barneknudepunkter
første barnFørste barneknude for et element
sidste barnSidste barneknude for et element
næsteSiblingNæste node på samme node træ niveau
nodeNameNavn på en knude
nodeTypeType af en knude
nodeValueVærdien af ​​en knude
ejerDokumentDokumentobjekt på topniveau for den aktuelle node
parentNodeForældreknudepunkt for et element
forrigeSiblingNode umiddelbart forud for den aktuelle
tekstindholdTekstmæssigt indhold af en knude og dens efterkommere
Node metoder
appendChild ()Føj en ny underordnet knude til et element som den sidste barneknude
cloneNode ()Klon HTML -element
comparDocumentPosition ()Sammenlign dokumentpositionen for to elementer
getFeature ()Returner et objekt, der implementerer API'erne for en bestemt funktion
hasAttributes ()Returner true, hvis et element har nogen attributter, ellers returner false
hasChildNodes ()Returner sandt, hvis et element har en underordnet knude, ellers returner det falsk
insertBefore ()Indsæt en ny underordnet knude før en specificeret, eksisterende barneknude
isDefaultNamespace ()Returner true, hvis et specifikt navnerumURI er standard, ellers returnerer det false
isEqualNode ()Kontroller, om to elementer er ens
isSameNode ()Kontroller, om to elementer er den samme knude
isSupported ()Returner sandt, hvis en bestemt funktion understøttes på elementet
lookupNamespaceURI ()Returner navnerummetURI, der er knyttet til en given knude
lookupPrefix ()Returner en DOMString, der indeholder præfikset for et givet navneområdeURI, hvis det findes
normalisere ()Deltag i tilstødende tekstnoder og fjern tomme tekstnoder i et element
removeChild ()Fjern en underordnet knude fra et element
erstatBørn ()Udskift en underordnet knude i et element
Element Metoder
getAttribute ()Returner den angivne attributværdi for en elementnode
getAttributeNS ()Returner strengværdien for attributten med det angivne navneområde og navn
getAttributeNode ()Hent den angivne attributnode
getAttributeNodeNS ()Returner attributnoden for attributten med det angivne navnerum og navn
getElementsByTagName ()Tilvejebring en samling af alle underordnede elementer med det angivne tagnavn
getElementsByTagNameNS ()Returner en levende HTML -samling af elementer med et bestemt tagnavn, der tilhører det givne navnerum
hasAttribute ()Returner true, hvis et element har nogen attributter, ellers returner false
hasAttributeNS ()Angiv en sand/falsk værdi, der angiver, om det aktuelle element i et givet navneområde har den angivne attribut
removeAttribute ()Fjern en specificeret attribut fra et element
removeAttributeNS ()Fjern den angivne attribut fra et element inden for et bestemt navneområde
removeAttributeNode ()Fjern en angivet attributnode og returner den fjernede knude
setAttribute ()Indstil eller rediger den angivne attribut til en bestemt værdi
setAttributeNS ()Tilføj en ny attribut, eller rediger værdien af ​​en attribut med det angivne navneområde og navn
setAttributeNode ()Angiv eller rediger den angivne attributnode
setAttributeNodeNS ()Tilføj en ny attributnode for navneområde til et element
Browser vindue egenskaber
lukketKontroller, om et vindue er blevet lukket eller ej, og returner sandt eller forkert
defaultStatusAngiv eller returner standardteksten på statuslinjen i et vindue
dokumentReturner dokumentobjektet til vinduet
rammerReturner alle